Sign Up Sign Up
Cool Bone 7

Cool Bone 7

7-color palette · Neutral · Dark · Triadic harmony

Back to Library

Cool Bone 7

7-color palette · Neutral temperature · Dark tone · Triadic harmony

Modify
Muted 7 colors Neutral Dark Triadic green 7 dark black
Likes 17
Colors 7

CSS variables

:root {
  --c-muted-1: #2C4958;
  --c-muted-2: #8B979C;
  --c-muted-3: #C4C4C4;
  --c-muted-4: #4B4F4D;
  --c-muted-5: #222725;
  --c-muted-6: #121113;
  --c-muted-7: #2A131E;
}

About this palette

This 7-color muted palette runs from Explosive Grey (#C4C4C4) as its lightest tone to Dark Tone Ink (#121113) as its darkest. It blends Black Forest Blue, Blue Dusk, Explosive Grey, Black Oak, Nero, Dark Tone Ink and Black Cherry into a single set you can drop straight into a UI. Of its 21 color pairings, 8 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #C4C4C4 on #121113 at 10.8:1.

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

Color breakdown

Black Forest Blue #2C4958
RGB
rgb(44, 73, 88)
HSL
hsl(200, 33%, 26%)
Luminance
0.060
Blue Dusk #8B979C
RGB
rgb(139, 151, 156)
HSL
hsl(198, 8%, 58%)
Luminance
0.300
Explosive Grey #C4C4C4
RGB
rgb(196, 196, 196)
HSL
hsl(0, 0%, 77%)
Luminance
0.552
Black Oak #4B4F4D
RGB
rgb(75, 79, 77)
HSL
hsl(150, 3%, 30%)
Luminance
0.076
Nero #222725
RGB
rgb(34, 39, 37)
HSL
hsl(156, 7%, 14%)
Luminance
0.019
Dark Tone Ink #121113
RGB
rgb(18, 17, 19)
HSL
hsl(270, 6%, 7%)
Luminance
0.006
Black Cherry #2A131E
RGB
rgb(42, 19, 30)
HSL
hsl(331, 38%, 12%)
Luminance
0.011

Contrast & accessibility

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

Aa #C4C4C4 on #121113 10.80:1 AAA
Aa #C4C4C4 on #2A131E 9.95:1 AAA
Aa #C4C4C4 on #222725 8.69:1 AAA
Aa #8B979C on #121113 6.28:1 AA
Aa #8B979C on #2A131E 5.79:1 AA
Aa #2C4958 on #C4C4C4 5.47:1 AA
Aa #8B979C on #222725 5.06:1 AA
Aa #C4C4C4 on #4B4F4D 4.77:1 AA
Aa #2C4958 on #8B979C 3.18:1 AA Large
Aa #8B979C on #4B4F4D 2.77:1 Fail
Aa #4B4F4D on #121113 2.26:1 Fail
Aa #4B4F4D on #2A131E 2.09:1 Fail
Aa #2C4958 on #121113 1.97:1 Fail
Aa #2C4958 on #2A131E 1.82:1 Fail
Aa #4B4F4D on #222725 1.82:1 Fail
Aa #8B979C on #C4C4C4 1.72:1 Fail
Aa #2C4958 on #222725 1.59:1 Fail
Aa #222725 on #121113 1.24:1 Fail
Aa #2C4958 on #4B4F4D 1.15:1 Fail
Aa #222725 on #2A131E 1.14:1 Fail
Aa #121113 on #2A131E 1.09: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