Sign Up Sign Up
Cryptozoology

Cryptozoology

10-color palette · Warm · Dark · Complementary harmony

Back to Library

Cryptozoology

10-color palette · Warm temperature · Dark tone · Complementary harmony

Modify
Earthy 10 colors Warm Dark Complementary pixelart green dark red
Likes 35
Colors 10

CSS variables

:root {
  --c-earthy-1: #40241F;
  --c-earthy-2: #703448;
  --c-earthy-3: #A43627;
  --c-earthy-4: #0B0F1F;
  --c-earthy-5: #034229;
  --c-earthy-6: #2D5C15;
  --c-earthy-7: #749211;
  --c-earthy-8: #3EAE62;
  --c-earthy-9: #D58863;
  --c-earthy-10: #F3D597;
}

About this palette

This 10-color earthy palette runs from Igniting (#F3D597) as its lightest tone to Tristesse (#0B0F1F) as its darkest. It blends Woodsy Brown, Cabernet Craving, Jaipur, Tristesse, Lost in the Woods, Bright Nori, Luminescent Green, Artificial Turf, King Salmon and Igniting into a single set you can drop straight into a UI. Of its 45 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #0B0F1F on #F3D597 at 13.4:1.

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

Color breakdown

Woodsy Brown #40241F
RGB
rgb(64, 36, 31)
HSL
hsl(9, 35%, 19%)
Luminance
0.025
Cabernet Craving #703448
RGB
rgb(112, 52, 72)
HSL
hsl(340, 37%, 32%)
Luminance
0.064
Jaipur #A43627
RGB
rgb(164, 54, 39)
HSL
hsl(7, 62%, 40%)
Luminance
0.107
Tristesse #0B0F1F
RGB
rgb(11, 15, 31)
HSL
hsl(228, 48%, 8%)
Luminance
0.005
Lost in the Woods #034229
RGB
rgb(3, 66, 41)
HSL
hsl(156, 91%, 14%)
Luminance
0.041
Bright Nori #2D5C15
RGB
rgb(45, 92, 21)
HSL
hsl(100, 63%, 22%)
Luminance
0.083
Luminescent Green #749211
RGB
rgb(116, 146, 17)
HSL
hsl(74, 79%, 32%)
Luminance
0.243
Artificial Turf #3EAE62
RGB
rgb(62, 174, 98)
HSL
hsl(139, 47%, 46%)
Luminance
0.322
King Salmon #D58863
RGB
rgb(213, 136, 99)
HSL
hsl(19, 58%, 61%)
Luminance
0.327
Igniting #F3D597
RGB
rgb(243, 213, 151)
HSL
hsl(40, 79%, 77%)
Luminance
0.689

Contrast & accessibility

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

Aa #0B0F1F on #F3D597 13.40:1 AAA
Aa #40241F on #F3D597 9.92:1 AAA
Aa #034229 on #F3D597 8.14:1 AAA
Aa #0B0F1F on #D58863 6.83:1 AA
Aa #0B0F1F on #3EAE62 6.75:1 AA
Aa #703448 on #F3D597 6.50:1 AA
Aa #2D5C15 on #F3D597 5.57:1 AA
Aa #0B0F1F on #749211 5.32:1 AA
Aa #40241F on #D58863 5.05:1 AA
Aa #40241F on #3EAE62 4.99:1 AA
Aa #A43627 on #F3D597 4.71:1 AA
Aa #034229 on #D58863 4.15:1 AA Large
Aa #034229 on #3EAE62 4.10:1 AA Large
Aa #40241F on #749211 3.93:1 AA Large
Aa #703448 on #D58863 3.31:1 AA Large
Aa #703448 on #3EAE62 3.27:1 AA Large
Aa #034229 on #749211 3.23:1 AA Large
Aa #A43627 on #0B0F1F 2.84:1 Fail
Aa #2D5C15 on #D58863 2.84:1 Fail
Aa #2D5C15 on #3EAE62 2.80:1 Fail
Aa #703448 on #749211 2.58:1 Fail
Aa #749211 on #F3D597 2.52:1 Fail
Aa #0B0F1F on #2D5C15 2.41:1 Fail
Aa #A43627 on #D58863 2.40:1 Fail
Aa #A43627 on #3EAE62 2.37:1 Fail
Aa #2D5C15 on #749211 2.21:1 Fail
Aa #40241F on #A43627 2.10:1 Fail
Aa #703448 on #0B0F1F 2.06:1 Fail
Aa #3EAE62 on #F3D597 1.99:1 Fail
Aa #D58863 on #F3D597 1.96:1 Fail
Aa #A43627 on #749211 1.87:1 Fail
Aa #40241F on #2D5C15 1.78:1 Fail
Aa #A43627 on #034229 1.73:1 Fail
Aa #0B0F1F on #034229 1.65:1 Fail
Aa #40241F on #703448 1.53:1 Fail
Aa #034229 on #2D5C15 1.46:1 Fail
Aa #703448 on #A43627 1.38:1 Fail
Aa #40241F on #0B0F1F 1.35:1 Fail
Aa #749211 on #D58863 1.28:1 Fail
Aa #749211 on #3EAE62 1.27:1 Fail
Aa #703448 on #034229 1.25:1 Fail
Aa #40241F on #034229 1.22:1 Fail
Aa #A43627 on #2D5C15 1.18:1 Fail
Aa #703448 on #2D5C15 1.17:1 Fail
Aa #3EAE62 on #D58863 1.01: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