GitHub

50

100

200

300

400

500

600

700

800

900

950

Red

Orange

Amber

Yellow

Lime

Green

Emerald

Teal

Cyan

Sky

Blue

Indigo

Violet

Purple

Fuchsia

Pink

Rose

Neutral

Token colors

Tokens automatically reflect any linked base colors.

Base colors

Command Palette

Search for a command to run...

Background

--background

oklch(1 0 0)

Command Palette

Search for a command to run...

Foreground

--foreground

oklch(0.145 0 0)

Primary colors

Command Palette

Search for a command to run...

Primary

--primary

oklch(0.205 0 0)

Command Palette

Search for a command to run...

Primary Foreground

--primary-foreground

oklch(0.985 0 0)

Secondary colors

Command Palette

Search for a command to run...

Secondary

--secondary

oklch(0.97 0 0)

Command Palette

Search for a command to run...

Secondary Foreground

--secondary-foreground

oklch(0.205 0 0)

Card colors

Command Palette

Search for a command to run...

Card

--card

oklch(1 0 0)

Command Palette

Search for a command to run...

Card Foreground

--card-foreground

oklch(0.145 0 0)

Popover colors

Command Palette

Search for a command to run...

Popover

--popover

oklch(1 0 0)

Command Palette

Search for a command to run...

Popover Foreground

--popover-foreground

oklch(0.145 0 0)

Muted colors

Command Palette

Search for a command to run...

Muted

--muted

oklch(0.97 0 0)

Command Palette

Search for a command to run...

Muted Foreground

--muted-foreground

oklch(0.556 0 0)

Accent colors

Command Palette

Search for a command to run...

Accent

--accent

oklch(0.97 0 0)

Command Palette

Search for a command to run...

Accent Foreground

--accent-foreground

oklch(0.205 0 0)

Destructive colors

Command Palette

Search for a command to run...

Destructive

--destructive

oklch(0.577 0.245 27.325)

Command Palette

Search for a command to run...

Destructive Foreground

--destructive-foreground

oklch(1 0 0)

Border/Input/Ring colors

Command Palette

Search for a command to run...

Border

--border

oklch(0.922 0 0)

Command Palette

Search for a command to run...

Input

--input

oklch(0.922 0 0)

Command Palette

Search for a command to run...

Ring

--ring

oklch(0.708 0 0)

Chart colors

Command Palette

Search for a command to run...

Chart 1

--chart-1

oklch(0.81 0.1 252)

Command Palette

Search for a command to run...

Chart 2

--chart-2

oklch(0.62 0.19 260)

Command Palette

Search for a command to run...

Chart 3

--chart-3

oklch(0.55 0.22 263)

Command Palette

Search for a command to run...

Chart 4

--chart-4

oklch(0.49 0.22 264)

Command Palette

Search for a command to run...

Chart 5

--chart-5

oklch(0.42 0.18 266)