Sign Up Sign Up
Jm

Jm

4-color palette · Neutral · Dark · Complementary harmony

Back to Library

Jm

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

Modify
Muted 4 colors Neutral Dark Complementary
Likes 16
Colors 4

CSS variables

:root {
  --c-muted-1: #1A0438;
  --c-muted-2: #1C585F;
  --c-muted-3: #5B7324;
  --c-muted-4: #C19A5C;
}

About this palette

This 4-color muted palette runs from Townhouse Tan (#C19A5C) as its lightest tone to Quiet Abyss (#1A0438) as its darkest. It blends Quiet Abyss, Uncharted, Fiji Green and Townhouse Tan into a single set you can drop straight into a UI. Of its 6 color pairings, 1 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #1A0438 on #C19A5C at 7.19:1.

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

Color breakdown

Quiet Abyss #1A0438
RGB
rgb(26, 4, 56)
HSL
hsl(265, 87%, 12%)
Luminance
0.006
Uncharted #1C585F
RGB
rgb(28, 88, 95)
HSL
hsl(186, 54%, 24%)
Luminance
0.081
Fiji Green #5B7324
RGB
rgb(91, 115, 36)
HSL
hsl(78, 52%, 30%)
Luminance
0.146
Townhouse Tan #C19A5C
RGB
rgb(193, 154, 92)
HSL
hsl(37, 45%, 56%)
Luminance
0.352

Contrast & accessibility

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

Aa #1A0438 on #C19A5C 7.19:1 AAA
Aa #1A0438 on #5B7324 3.51:1 AA Large
Aa #1C585F on #C19A5C 3.08:1 AA Large
Aa #1A0438 on #1C585F 2.33:1 Fail
Aa #5B7324 on #C19A5C 2.05:1 Fail
Aa #1C585F on #5B7324 1.50: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