Sign Up Sign Up
Emphasis10

Emphasis10

10-color palette · Cool · Dark · Triadic harmony

Back to Library

Emphasis10

10-color palette · Cool temperature · Dark tone · Triadic harmony

Modify
Muted 10 colors Cool Dark Triadic green monoramp blue
Likes 50
Colors 10

CSS variables

:root {
  --c-muted-1: #0D0613;
  --c-muted-2: #051722;
  --c-muted-3: #012C43;
  --c-muted-4: #114B60;
  --c-muted-5: #237178;
  --c-muted-6: #399478;
  --c-muted-7: #57B67F;
  --c-muted-8: #6BD077;
  --c-muted-9: #85E879;
  --c-muted-10: #9FF26E;
}

About this palette

This 10-color muted palette runs from Stadium Lawn (#9FF26E) as its lightest tone to Not Tonight (#0D0613) as its darkest. It blends Not Tonight, Creeping Death, Nordic Noir, Swallow Blue, Poseidon’s Castle, Illuminating Emerald, Jade Cream, Snow Pea, Herbivore and Stadium Lawn into a single set you can drop straight into a UI. Of its 45 color pairings, 17 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #0D0613 on #9FF26E at 14.63:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Not Tonight #0D0613
RGB
rgb(13, 6, 19)
HSL
hsl(272, 52%, 5%)
Luminance
0.003
Creeping Death #051722
RGB
rgb(5, 23, 34)
HSL
hsl(203, 74%, 8%)
Luminance
0.008
Nordic Noir #012C43
RGB
rgb(1, 44, 67)
HSL
hsl(201, 97%, 13%)
Luminance
0.022
Swallow Blue #114B60
RGB
rgb(17, 75, 96)
HSL
hsl(196, 70%, 22%)
Luminance
0.060
Poseidon’s Castle #237178
RGB
rgb(35, 113, 120)
HSL
hsl(185, 55%, 30%)
Luminance
0.135
Illuminating Emerald #399478
RGB
rgb(57, 148, 120)
HSL
hsl(162, 44%, 40%)
Luminance
0.234
Jade Cream #57B67F
RGB
rgb(87, 182, 127)
HSL
hsl(145, 39%, 53%)
Luminance
0.370
Snow Pea #6BD077
RGB
rgb(107, 208, 119)
HSL
hsl(127, 52%, 62%)
Luminance
0.496
Herbivore #85E879
RGB
rgb(133, 232, 121)
HSL
hsl(114, 71%, 69%)
Luminance
0.641
Stadium Lawn #9FF26E
RGB
rgb(159, 242, 110)
HSL
hsl(98, 84%, 69%)
Luminance
0.720

Contrast & accessibility

17 of 45 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #0D0613 on #9FF26E 14.63:1 AAA
Aa #051722 on #9FF26E 13.37:1 AAA
Aa #0D0613 on #85E879 13.13:1 AAA
Aa #051722 on #85E879 11.99:1 AAA
Aa #012C43 on #9FF26E 10.68:1 AAA
Aa #0D0613 on #6BD077 10.37:1 AAA
Aa #012C43 on #85E879 9.58:1 AAA
Aa #051722 on #6BD077 9.47:1 AAA
Aa #0D0613 on #57B67F 7.98:1 AAA
Aa #012C43 on #6BD077 7.57:1 AAA
Aa #051722 on #57B67F 7.29:1 AAA
Aa #114B60 on #9FF26E 7.00:1 AAA
Aa #114B60 on #85E879 6.28:1 AA
Aa #012C43 on #57B67F 5.82:1 AA
Aa #0D0613 on #399478 5.40:1 AA
Aa #114B60 on #6BD077 4.96:1 AA
Aa #051722 on #399478 4.93:1 AA
Aa #237178 on #9FF26E 4.16:1 AA Large
Aa #012C43 on #399478 3.94:1 AA Large
Aa #114B60 on #57B67F 3.82:1 AA Large
Aa #237178 on #85E879 3.73:1 AA Large
Aa #0D0613 on #237178 3.52:1 AA Large
Aa #051722 on #237178 3.22:1 AA Large
Aa #237178 on #6BD077 2.95:1 Fail
Aa #399478 on #9FF26E 2.71:1 Fail
Aa #114B60 on #399478 2.58:1 Fail
Aa #012C43 on #237178 2.57:1 Fail
Aa #399478 on #85E879 2.43:1 Fail
Aa #237178 on #57B67F 2.27:1 Fail
Aa #0D0613 on #114B60 2.09:1 Fail
Aa #399478 on #6BD077 1.92:1 Fail
Aa #051722 on #114B60 1.91:1 Fail
Aa #57B67F on #9FF26E 1.83:1 Fail
Aa #114B60 on #237178 1.68:1 Fail
Aa #57B67F on #85E879 1.64:1 Fail
Aa #237178 on #399478 1.53:1 Fail
Aa #012C43 on #114B60 1.52:1 Fail
Aa #399478 on #57B67F 1.48:1 Fail
Aa #6BD077 on #9FF26E 1.41:1 Fail
Aa #0D0613 on #012C43 1.37:1 Fail
Aa #57B67F on #6BD077 1.30:1 Fail
Aa #6BD077 on #85E879 1.27:1 Fail
Aa #051722 on #012C43 1.25:1 Fail
Aa #85E879 on #9FF26E 1.11:1 Fail
Aa #0D0613 on #051722 1.09:1 Fail

Similar palettes

#212121 #323232 #0D7377 #14FFEC
4 colors
#0A2647 #144272 #205295 #2C74B3
4 colors
#040D12 #183D3D #5C8374 #93B1A6
4 colors
#142850 #27496D #0C7B93 #00A8CC
4 colors
#635985 #443C68 #393053 #18122B
4 colors
#000000 #150050 #3F0071 #610094
4 colors
#151515 #301B3F #3C415C #B4A5A5
4 colors
#041C32 #04293A #064663 #ECB365
4 colors