Sign Up Sign Up
The Abyss

The Abyss

5-color palette · Warm · Dark · Analogous harmony

Back to Library

The Abyss

5-color palette · Warm temperature · Dark tone · Analogous harmony

Modify
Earthy 5 colors Warm Dark Analogous dark desaturated theabyss
Likes 44
Colors 5

CSS variables

:root {
  --c-earthy-1: #120906;
  --c-earthy-2: #26100C;
  --c-earthy-3: #3E190A;
  --c-earthy-4: #583D16;
  --c-earthy-5: #7D892C;
}

About this palette

This 5-color earthy palette runs from Absinthe Dreams (#7D892C) as its lightest tone to Asphalt (#120906) as its darkest. It blends Asphalt, Bighorn Sheep, Old Study, Smoked Oak Brown and Absinthe Dreams into a single set you can drop straight into a UI. Of its 10 color pairings, 2 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #120906 on #7D892C at 5.14:1.

Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.

Color breakdown

Asphalt #120906
RGB
rgb(18, 9, 6)
HSL
hsl(15, 50%, 5%)
Luminance
0.003
Bighorn Sheep #26100C
RGB
rgb(38, 16, 12)
HSL
hsl(9, 52%, 10%)
Luminance
0.008
Old Study #3E190A
RGB
rgb(62, 25, 10)
HSL
hsl(17, 72%, 14%)
Luminance
0.017
Smoked Oak Brown #583D16
RGB
rgb(88, 61, 22)
HSL
hsl(35, 60%, 22%)
Luminance
0.055
Absinthe Dreams #7D892C
RGB
rgb(125, 137, 44)
HSL
hsl(68, 51%, 35%)
Luminance
0.224

Contrast & accessibility

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

Aa #120906 on #7D892C 5.14:1 AA
Aa #26100C on #7D892C 4.72:1 AA
Aa #3E190A on #7D892C 4.07:1 AA Large
Aa #583D16 on #7D892C 2.62:1 Fail
Aa #120906 on #583D16 1.96:1 Fail
Aa #26100C on #583D16 1.80:1 Fail
Aa #3E190A on #583D16 1.55:1 Fail
Aa #120906 on #3E190A 1.26:1 Fail
Aa #26100C on #3E190A 1.16:1 Fail
Aa #120906 on #26100C 1.09:1 Fail

Similar palettes

#000000 #3D0000 #950101 #FF0000
4 colors
#E23E57 #88304E #522546 #311D3F
4 colors
#FF204E #A0153E #5D0E41 #00224D
4 colors
#030637 #3C0753 #720455 #910A67
4 colors
#1C0A00 #361500 #603601 #CC9544
4 colors
#252525 #FF0000 #AF0404 #414141
4 colors
#362222 #171010 #423F3E #2B2B2B
4 colors
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colors