Sign Up Sign Up
Enneagon

Enneagon

4-color palette · Neutral · Dark · Triadic harmony

Back to Library

Enneagon

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

Modify
Muted 4 colors Neutral Dark Triadic enneagon geometric
Likes 41
Colors 4

CSS variables

:root {
  --c-muted-1: #1A1D1E;
  --c-muted-2: #251E2F;
  --c-muted-3: #5A332A;
  --c-muted-4: #4A5981;
}

About this palette

This 4-color muted palette runs from Yacht Club Blue (#4A5981) as its lightest tone to Gluon Grey (#1A1D1E) as its darkest. It blends Gluon Grey, Black Howl, Redwood and Yacht Club Blue into a single set you can drop straight into a UI. None of the 6 in-palette color pairings clear the WCAG AA contrast threshold (4.5:1), so pair these colors with black or white for body text.

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

Color breakdown

Gluon Grey #1A1D1E
RGB
rgb(26, 29, 30)
HSL
hsl(195, 7%, 11%)
Luminance
0.012
Black Howl #251E2F
RGB
rgb(37, 30, 47)
HSL
hsl(265, 22%, 15%)
Luminance
0.015
Redwood #5A332A
RGB
rgb(90, 51, 42)
HSL
hsl(11, 36%, 26%)
Luminance
0.047
Yacht Club Blue #4A5981
RGB
rgb(74, 89, 129)
HSL
hsl(224, 27%, 40%)
Luminance
0.102

Contrast & accessibility

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

Aa #1A1D1E on #4A5981 2.45:1 Fail
Aa #251E2F on #4A5981 2.33:1 Fail
Aa #1A1D1E on #5A332A 1.57:1 Fail
Aa #5A332A on #4A5981 1.56:1 Fail
Aa #251E2F on #5A332A 1.49:1 Fail
Aa #1A1D1E on #251E2F 1.05: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