Sign Up Sign Up
Detective Bass

Detective Bass

5-color palette · Warm · Dark · Analogous harmony

Back to Library

Detective Bass

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

Modify
Earthy 5 colors Warm Dark Analogous green old yellow brown
Likes 123
Colors 5

CSS variables

:root {
  --c-earthy-1: #160402;
  --c-earthy-2: #4C3012;
  --c-earthy-3: #585931;
  --c-earthy-4: #B1954C;
  --c-earthy-5: #EFD98B;
}

About this palette

This 5-color earthy palette runs from Natural Yellow (#EFD98B) as its lightest tone to Soy Sauce (#160402) as its darkest. It blends Soy Sauce, Bavarian Sweet Mustard, Saratoga, Outdoorsy and Natural Yellow into a single set you can drop straight into a UI. Of its 10 color pairings, 4 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #160402 on #EFD98B at 14.22:1.

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

Color breakdown

Soy Sauce #160402
RGB
rgb(22, 4, 2)
HSL
hsl(6, 83%, 5%)
Luminance
0.003
Bavarian Sweet Mustard #4C3012
RGB
rgb(76, 48, 18)
HSL
hsl(31, 62%, 18%)
Luminance
0.037
Saratoga #585931
RGB
rgb(88, 89, 49)
HSL
hsl(62, 29%, 27%)
Luminance
0.094
Outdoorsy #B1954C
RGB
rgb(177, 149, 76)
HSL
hsl(43, 40%, 50%)
Luminance
0.314
Natural Yellow #EFD98B
RGB
rgb(239, 217, 139)
HSL
hsl(47, 76%, 74%)
Luminance
0.698

Contrast & accessibility

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

Aa #160402 on #EFD98B 14.22:1 AAA
Aa #4C3012 on #EFD98B 8.61:1 AAA
Aa #160402 on #B1954C 6.91:1 AA
Aa #585931 on #EFD98B 5.18:1 AA
Aa #4C3012 on #B1954C 4.18:1 AA Large
Aa #160402 on #585931 2.74:1 Fail
Aa #585931 on #B1954C 2.52:1 Fail
Aa #B1954C on #EFD98B 2.06:1 Fail
Aa #4C3012 on #585931 1.66:1 Fail
Aa #160402 on #4C3012 1.65: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