Sign Up Sign Up
Walk

Walk

9-color palette · Neutral · Dark · Complementary harmony

Back to Library

Walk

9-color palette · Neutral temperature · Dark tone · Complementary harmony

Modify
Muted 9 colors Neutral Dark Complementary orange blue bright sepulcherseptemberpalettecontest
Likes 47
Colors 9

CSS variables

:root {
  --c-muted-1: #04BFB5;
  --c-muted-2: #046374;
  --c-muted-3: #042131;
  --c-muted-4: #040E16;
  --c-muted-5: #3A1404;
  --c-muted-6: #A74104;
  --c-muted-7: #DE6604;
  --c-muted-8: #FFD952;
  --c-muted-9: #FFF9D6;
}

About this palette

This 9-color muted palette runs from Wild Apple (#FFF9D6) as its lightest tone to Dark Rift (#040E16) as its darkest. It blends Jade Gravel, Green Spool, Midnight Dreams, Dark Rift, American Bronze, Pepperoni, Orange Danger, Kuchinashi Yellow and Wild Apple into a single set you can drop straight into a UI. Of its 36 color pairings, 16 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #040E16 on #FFF9D6 at 18.32:1.

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

Color breakdown

Jade Gravel #04BFB5
RGB
rgb(4, 191, 181)
HSL
hsl(177, 96%, 38%)
Luminance
0.406
Green Spool #046374
RGB
rgb(4, 99, 116)
HSL
hsl(189, 93%, 24%)
Luminance
0.102
Midnight Dreams #042131
RGB
rgb(4, 33, 49)
HSL
hsl(201, 85%, 10%)
Luminance
0.013
Dark Rift #040E16
RGB
rgb(4, 14, 22)
HSL
hsl(207, 69%, 5%)
Luminance
0.004
American Bronze #3A1404
RGB
rgb(58, 20, 4)
HSL
hsl(18, 87%, 12%)
Luminance
0.014
Pepperoni #A74104
RGB
rgb(167, 65, 4)
HSL
hsl(22, 95%, 34%)
Luminance
0.120
Orange Danger #DE6604
RGB
rgb(222, 102, 4)
HSL
hsl(27, 96%, 44%)
Luminance
0.250
Kuchinashi Yellow #FFD952
RGB
rgb(255, 217, 82)
HSL
hsl(47, 100%, 66%)
Luminance
0.715
Wild Apple #FFF9D6
RGB
rgb(255, 249, 214)
HSL
hsl(51, 100%, 92%)
Luminance
0.939

Contrast & accessibility

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

Aa #040E16 on #FFF9D6 18.32:1 AAA
Aa #042131 on #FFF9D6 15.61:1 AAA
Aa #3A1404 on #FFF9D6 15.43:1 AAA
Aa #040E16 on #FFD952 14.17:1 AAA
Aa #042131 on #FFD952 12.07:1 AAA
Aa #3A1404 on #FFD952 11.94:1 AAA
Aa #04BFB5 on #040E16 8.45:1 AAA
Aa #04BFB5 on #042131 7.20:1 AAA
Aa #04BFB5 on #3A1404 7.12:1 AAA
Aa #046374 on #FFF9D6 6.50:1 AA
Aa #A74104 on #FFF9D6 5.81:1 AA
Aa #040E16 on #DE6604 5.57:1 AA
Aa #046374 on #FFD952 5.03:1 AA
Aa #042131 on #DE6604 4.74:1 AA
Aa #3A1404 on #DE6604 4.69:1 AA
Aa #A74104 on #FFD952 4.50:1 AA
Aa #DE6604 on #FFF9D6 3.29:1 AA Large
Aa #040E16 on #A74104 3.15:1 AA Large
Aa #04BFB5 on #046374 3.00:1 AA Large
Aa #046374 on #040E16 2.82:1 Fail
Aa #04BFB5 on #A74104 2.68:1 Fail
Aa #042131 on #A74104 2.68:1 Fail
Aa #3A1404 on #A74104 2.65:1 Fail
Aa #DE6604 on #FFD952 2.55:1 Fail
Aa #046374 on #042131 2.40:1 Fail
Aa #046374 on #3A1404 2.37:1 Fail
Aa #04BFB5 on #FFF9D6 2.17:1 Fail
Aa #046374 on #DE6604 1.98:1 Fail
Aa #A74104 on #DE6604 1.77:1 Fail
Aa #04BFB5 on #FFD952 1.68:1 Fail
Aa #04BFB5 on #DE6604 1.52:1 Fail
Aa #FFD952 on #FFF9D6 1.29:1 Fail
Aa #040E16 on #3A1404 1.19:1 Fail
Aa #042131 on #040E16 1.17:1 Fail
Aa #046374 on #A74104 1.12:1 Fail
Aa #042131 on #3A1404 1.01:1 Fail

Similar palettes

#000000 #3E065F #700B97 #8E05C2
4 colors
#000000 #150050 #3F0071 #FB2576
4 colors
#000000 #3E432E #616F39 #A7D129
4 colors
#4B5D67 #322F3D #59405C #87556F
4 colors
#18230F #27391C #255F38 #1F7D53
4 colors
#FF5200 #6F0000 #00263B #00A1AB
4 colors
#000000 #0F6292 #16FF00 #FFED00
4 colors
#251D3A #2A2550 #E04D01 #FF7700
4 colors