Find a palette

Where from

Names, descriptions, tags and the hex values themselves are all searchable, so pasting a colour finds the palettes containing it. Published palettes are other people's work, credited and linked; the ones built here are generated from colour theory and free of any licence question.

19 palettes

Okabe–Ito

The standard colourblind-safe qualitative set in scientific figures. Eight colours chosen to stay distinct for dichromats.

000000

E69F00

56B4E9

009E73

F0E442

0072B2

D55E00

CC79A7

#000000rgb(0, 0, 0)
#E69F00rgb(230, 159, 0)
#56B4E9rgb(86, 180, 233)
#009E73rgb(0, 158, 115)
#F0E442rgb(240, 228, 66)
#0072B2rgb(0, 114, 178)
#D55E00rgb(213, 94, 0)
#CC79A7rgb(204, 121, 167)

CSS custom properties

PublishedMasataka Okabe and Kei Ito, "Color Universal Design". Free to use; the authors ask to be credited. Source

Solarized Base

The eight background and text tones of Solarized, tuned so light and dark modes share one set of accents.

002B36

073642

586E75

657B83

839496

93A1A1

EEE8D5

FDF6E3

#002B36rgb(0, 43, 54)
#073642rgb(7, 54, 66)
#586E75rgb(88, 110, 117)
#657B83rgb(101, 123, 131)
#839496rgb(131, 148, 150)
#93A1A1rgb(147, 161, 161)
#EEE8D5rgb(238, 232, 213)
#FDF6E3rgb(253, 246, 227)

CSS custom properties

PublishedEthan Schoonover, Solarized. Source

Solarized Accents

Solarized’s eight accent hues, held at even lightness so none of them shouts.

B58900

CB4B16

DC322F

D33682

6C71C4

268BD2

2AA198

859900

#B58900rgb(181, 137, 0)
#CB4B16rgb(203, 75, 22)
#DC322Frgb(220, 50, 47)
#D33682rgb(211, 54, 130)
#6C71C4rgb(108, 113, 196)
#268BD2rgb(38, 139, 210)
#2AA198rgb(42, 161, 152)
#859900rgb(133, 153, 0)

CSS custom properties

PublishedEthan Schoonover, Solarized. Source

Nord — Polar Night & Snow Storm

Nord’s neutrals: four dark greys and three near-whites, all faintly blue.

2E3440

3B4252

434C5E

4C566A

D8DEE9

E5E9F0

ECEFF4

#2E3440rgb(46, 52, 64)
#3B4252rgb(59, 66, 82)
#434C5Ergb(67, 76, 94)
#4C566Argb(76, 86, 106)
#D8DEE9rgb(216, 222, 233)
#E5E9F0rgb(229, 233, 240)
#ECEFF4rgb(236, 239, 244)

CSS custom properties

PublishedArctic Ice Studio & Sven Greb, Nord. Source

Nord — Frost

The four blue-greens Nord uses for primary UI accents.

8FBCBB

88C0D0

81A1C1

5E81AC

#8FBCBBrgb(143, 188, 187)
#88C0D0rgb(136, 192, 208)
#81A1C1rgb(129, 161, 193)
#5E81ACrgb(94, 129, 172)

CSS custom properties

PublishedArctic Ice Studio & Sven Greb, Nord. Source

Nord — Aurora

Nord’s five status colours: red, orange, yellow, green and purple, all muted.

BF616A

D08770

EBCB8B

A3BE8C

B48EAD

#BF616Argb(191, 97, 106)
#D08770rgb(208, 135, 112)
#EBCB8Brgb(235, 203, 139)
#A3BE8Crgb(163, 190, 140)
#B48EADrgb(180, 142, 173)

CSS custom properties

PublishedArctic Ice Studio & Sven Greb, Nord. Source

Dracula

A dark background with seven high-chroma accents. One of the most ported themes there is.

282A36

44475A

6272A4

F8F8F2

FF5555

FFB86C

F1FA8C

50FA7B

BD93F9

8BE9FD

FF79C6

#282A36rgb(40, 42, 54)
#44475Argb(68, 71, 90)
#6272A4rgb(98, 114, 164)
#F8F8F2rgb(248, 248, 242)
#FF5555rgb(255, 85, 85)
#FFB86Crgb(255, 184, 108)
#F1FA8Crgb(241, 250, 140)
#50FA7Brgb(80, 250, 123)
#BD93F9rgb(189, 147, 249)
#8BE9FDrgb(139, 233, 253)
#FF79C6rgb(255, 121, 198)

CSS custom properties

PublishedZeno Rocha and contributors, Dracula. Source

Accessible Six

Six colours picked to stay tellable apart under normal vision and all three dichromacies at once. Minimum separation 0.128.

2563EB

ECB845

982519

7FCCF6

BF752E

78239F

#2563EBrgb(37, 99, 235)
#ECB845rgb(236, 184, 69)
#982519rgb(152, 37, 25)
#7FCCF6rgb(127, 204, 246)
#BF752Ergb(191, 117, 46)
#78239Frgb(120, 35, 159)

CSS custom properties

Built hereBuilt here by max-min search in OKLCH, scored under protanopia, deuteranopia and tritanopia with the Machado 2009 transform.

Accessible Eight

The same search run to eight colours. Two more categories, at a slightly tighter minimum separation of 0.103.

2563EB

ECB845

982519

7FCCF6

BF752E

78239F

1E6062

909DF2

#2563EBrgb(37, 99, 235)
#ECB845rgb(236, 184, 69)
#982519rgb(152, 37, 25)
#7FCCF6rgb(127, 204, 246)
#BF752Ergb(191, 117, 46)
#78239Frgb(120, 35, 159)
#1E6062rgb(30, 96, 98)
#909DF2rgb(144, 157, 242)

CSS custom properties

Built hereBuilt here by max-min search in OKLCH, scored under protanopia, deuteranopia and tritanopia with the Machado 2009 transform.

Neutral

Seven pure greys, evenly spaced in perceived lightness rather than in RGB.

F5F5F5

CCCCCC

A4A4A4

7F7F7F

5B5B5B

393939

1B1B1B

#F5F5F5rgb(245, 245, 245)
#CCCCCCrgb(204, 204, 204)
#A4A4A4rgb(164, 164, 164)
#7F7F7Frgb(127, 127, 127)
#5B5B5Brgb(91, 91, 91)
#393939rgb(57, 57, 57)
#1B1B1Brgb(27, 27, 27)

CSS custom properties

Built hereEven OKLCH lightness steps at zero chroma.

Ember

A warm orange-red ramp, light to dark, even to the eye at every step.

FDE5DF

FAB5A3

F77F61

D45B3D

B0391A

80260F

531606

#FDE5DFrgb(253, 229, 223)
#FAB5A3rgb(250, 181, 163)
#F77F61rgb(247, 127, 97)
#D45B3Drgb(212, 91, 61)
#B0391Argb(176, 57, 26)
#80260Frgb(128, 38, 15)
#531606rgb(83, 22, 6)

CSS custom properties

Built hereEven OKLCH lightness steps at a fixed hue, chroma held inside sRGB.

Ocean

A blue ramp for sequential data, or for a UI that needs seven weights of one colour.

D9EFFD

8FD2FA

34B3F1

2890C3

1D6F97

12506D

083246

#D9EFFDrgb(217, 239, 253)
#8FD2FArgb(143, 210, 250)
#34B3F1rgb(52, 179, 241)
#2890C3rgb(40, 144, 195)
#1D6F97rgb(29, 111, 151)
#12506Drgb(18, 80, 109)
#083246rgb(8, 50, 70)

CSS custom properties

Built hereEven OKLCH lightness steps at a fixed hue, chroma held inside sRGB.

Moss

A green ramp that stays green — no drift towards yellow at the light end.

C0FDCB

72E58F

4CC26E

299F51

1E7A3D

13582A

083818

#C0FDCBrgb(192, 253, 203)
#72E58Frgb(114, 229, 143)
#4CC26Ergb(76, 194, 110)
#299F51rgb(41, 159, 81)
#1E7A3Drgb(30, 122, 61)
#13582Argb(19, 88, 42)
#083818rgb(8, 56, 24)

CSS custom properties

Built hereEven OKLCH lightness steps at a fixed hue, chroma held inside sRGB.

Orchid

A purple ramp, useful where blue and green are already spoken for.

F8E3FD

ECAEFA

D282E4

AF62C1

8E419F

6D1F7D

480A55

#F8E3FDrgb(248, 227, 253)
#ECAEFArgb(236, 174, 250)
#D282E4rgb(210, 130, 228)
#AF62C1rgb(175, 98, 193)
#8E419Frgb(142, 65, 159)
#6D1F7Drgb(109, 31, 125)
#480A55rgb(72, 10, 85)

CSS custom properties

Built hereEven OKLCH lightness steps at a fixed hue, chroma held inside sRGB.

Slate

A cool blue-grey ramp for interface surfaces — quieter than Ocean, warmer than Neutral.

EAF3FE

AFD0FA

70ABF7

3986E4

1964B8

0F4582

052850

#EAF3FErgb(234, 243, 254)
#AFD0FArgb(175, 208, 250)
#70ABF7rgb(112, 171, 247)
#3986E4rgb(57, 134, 228)
#1964B8rgb(25, 100, 184)
#0F4582rgb(15, 69, 130)
#052850rgb(5, 40, 80)

CSS custom properties

Built hereEven OKLCH lightness steps at a fixed hue, chroma held inside sRGB.

Sunset

Pink through to burnt orange — neighbouring hues, fanned across lightness.

F696B4

F37684

E45E4D

BE5B28

945921

#F696B4rgb(246, 150, 180)
#F37684rgb(243, 118, 132)
#E45E4Drgb(228, 94, 77)
#BE5B28rgb(190, 91, 40)
#945921rgb(148, 89, 33)

CSS custom properties

Built hereAnalogous hues spanning 60 degrees in OKLCH, with a lightness fan.

Meadow

Yellow-green through to deep green. Reads as one family rather than five choices.

C9BA41

9FAD3A

70A032

2F9333

277B51

#C9BA41rgb(201, 186, 65)
#9FAD3Argb(159, 173, 58)
#70A032rgb(112, 160, 50)
#2F9333rgb(47, 147, 51)
#277B51rgb(39, 123, 81)

CSS custom properties

Built hereAnalogous hues spanning 55 degrees in OKLCH, with a lightness fan.

Berry

Lilac down to deep raspberry, for when a design needs warmth without going orange.

C6A5F5

CC7EE9

C763C0

BD4A95

AF3069

#C6A5F5rgb(198, 165, 245)
#CC7EE9rgb(204, 126, 233)
#C763C0rgb(199, 99, 192)
#BD4A95rgb(189, 74, 149)
#AF3069rgb(175, 48, 105)

CSS custom properties

Built hereAnalogous hues spanning 55 degrees in OKLCH, with a lightness fan.

Lagoon

Mint through teal to a deep sea blue. The cool counterpart to Sunset.

4AD2AF

40B8AD

37A0A6

2F899B

26728F

#4AD2AFrgb(74, 210, 175)
#40B8ADrgb(64, 184, 173)
#37A0A6rgb(55, 160, 166)
#2F899Brgb(47, 137, 155)
#26728Frgb(38, 114, 143)

CSS custom properties

Built hereAnalogous hues spanning 55 degrees in OKLCH, with a lightness fan.

Palette Collection

How it works

Related tools in Colour