Sign Up Sign Up
Grimbo

Grimbo

12-color palette · Warm · Mixed · Triadic harmony

Back to Library

Grimbo

12-color palette · Warm temperature · Mixed tone · Triadic harmony

Modify
Earthy 12 colors Warm Mixed Triadic green red desaturated grim
Likes 171
Colors 12

CSS variables

:root {
  --c-earthy-1: #DFE6E0;
  --c-earthy-2: #D9C277;
  --c-earthy-3: #C17B5C;
  --c-earthy-4: #85444A;
  --c-earthy-5: #4A363C;
  --c-earthy-6: #9BA15F;
  --c-earthy-7: #596E47;
  --c-earthy-8: #38453A;
  --c-earthy-9: #A9BBCC;
  --c-earthy-10: #7687AB;
  --c-earthy-11: #444A65;
  --c-earthy-12: #222228;
}

About this palette

This 12-color earthy palette runs from Winter Veil (#DFE6E0) as its lightest tone to Dark Gunmetal (#222228) as its darkest. It blends Winter Veil, Citrus Yellow, Brown Clay, Red Elegance, Jube, Sweet Pea, Asparagus Sprig, Deep Forest, Wood Pigeon, Enchanting Sky, Darkshore and Dark Gunmetal into a single set you can drop straight into a UI. Of its 66 color pairings, 14 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #DFE6E0 on #222228 at 12.45:1.

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

Color breakdown

Winter Veil #DFE6E0
RGB
rgb(223, 230, 224)
HSL
hsl(129, 12%, 89%)
Luminance
0.777
Citrus Yellow #D9C277
RGB
rgb(217, 194, 119)
HSL
hsl(46, 56%, 66%)
Luminance
0.547
Brown Clay #C17B5C
RGB
rgb(193, 123, 92)
HSL
hsl(18, 45%, 56%)
Luminance
0.263
Red Elegance #85444A
RGB
rgb(133, 68, 74)
HSL
hsl(354, 32%, 39%)
Luminance
0.096
Jube #4A363C
RGB
rgb(74, 54, 60)
HSL
hsl(342, 16%, 25%)
Luminance
0.044
Sweet Pea #9BA15F
RGB
rgb(155, 161, 95)
HSL
hsl(65, 26%, 50%)
Luminance
0.333
Asparagus Sprig #596E47
RGB
rgb(89, 110, 71)
HSL
hsl(92, 22%, 35%)
Luminance
0.137
Deep Forest #38453A
RGB
rgb(56, 69, 58)
HSL
hsl(129, 10%, 25%)
Luminance
0.054
Wood Pigeon #A9BBCC
RGB
rgb(169, 187, 204)
HSL
hsl(209, 26%, 73%)
Luminance
0.483
Enchanting Sky #7687AB
RGB
rgb(118, 135, 171)
HSL
hsl(221, 24%, 57%)
Luminance
0.241
Darkshore #444A65
RGB
rgb(68, 74, 101)
HSL
hsl(229, 20%, 33%)
Luminance
0.071
Dark Gunmetal #222228
RGB
rgb(34, 34, 40)
HSL
hsl(240, 8%, 15%)
Luminance
0.016

Contrast & accessibility

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

Aa #DFE6E0 on #222228 12.45:1 AAA
Aa #D9C277 on #222228 8.99:1 AAA
Aa #DFE6E0 on #4A363C 8.77:1 AAA
Aa #A9BBCC on #222228 8.04:1 AAA
Aa #DFE6E0 on #38453A 7.95:1 AAA
Aa #DFE6E0 on #444A65 6.85:1 AA
Aa #D9C277 on #4A363C 6.33:1 AA
Aa #9BA15F on #222228 5.77:1 AA
Aa #D9C277 on #38453A 5.74:1 AA
Aa #DFE6E0 on #85444A 5.66:1 AA
Aa #4A363C on #A9BBCC 5.66:1 AA
Aa #38453A on #A9BBCC 5.13:1 AA
Aa #D9C277 on #444A65 4.95:1 AA
Aa #C17B5C on #222228 4.71:1 AA
Aa #A9BBCC on #444A65 4.42:1 AA Large
Aa #DFE6E0 on #596E47 4.41:1 AA Large
Aa #7687AB on #222228 4.39:1 AA Large
Aa #D9C277 on #85444A 4.08:1 AA Large
Aa #4A363C on #9BA15F 4.06:1 AA Large
Aa #9BA15F on #38453A 3.68:1 AA Large
Aa #85444A on #A9BBCC 3.65:1 AA Large
Aa #C17B5C on #4A363C 3.32:1 AA Large
Aa #D9C277 on #596E47 3.19:1 AA Large
Aa #9BA15F on #444A65 3.17:1 AA Large
Aa #4A363C on #7687AB 3.09:1 AA Large
Aa #C17B5C on #38453A 3.01:1 AA Large
Aa #596E47 on #A9BBCC 2.85:1 Fail
Aa #DFE6E0 on #7687AB 2.84:1 Fail
Aa #596E47 on #222228 2.82:1 Fail
Aa #38453A on #7687AB 2.80:1 Fail
Aa #DFE6E0 on #C17B5C 2.64:1 Fail
Aa #85444A on #9BA15F 2.62:1 Fail
Aa #C17B5C on #444A65 2.59:1 Fail
Aa #7687AB on #444A65 2.41:1 Fail
Aa #85444A on #222228 2.20:1 Fail
Aa #DFE6E0 on #9BA15F 2.16:1 Fail
Aa #C17B5C on #85444A 2.14:1 Fail
Aa #D9C277 on #7687AB 2.05:1 Fail
Aa #9BA15F on #596E47 2.04:1 Fail
Aa #85444A on #7687AB 1.99:1 Fail
Aa #4A363C on #596E47 1.99:1 Fail
Aa #D9C277 on #C17B5C 1.91:1 Fail
Aa #A9BBCC on #7687AB 1.83:1 Fail
Aa #444A65 on #222228 1.82:1 Fail
Aa #596E47 on #38453A 1.80:1 Fail
Aa #C17B5C on #A9BBCC 1.71:1 Fail
Aa #C17B5C on #596E47 1.67:1 Fail
Aa #38453A on #222228 1.57:1 Fail
Aa #D9C277 on #9BA15F 1.56:1 Fail
Aa #DFE6E0 on #A9BBCC 1.55:1 Fail
Aa #85444A on #4A363C 1.55:1 Fail
Aa #596E47 on #7687AB 1.55:1 Fail
Aa #596E47 on #444A65 1.55:1 Fail
Aa #4A363C on #222228 1.42:1 Fail
Aa #85444A on #38453A 1.40:1 Fail
Aa #DFE6E0 on #D9C277 1.39:1 Fail
Aa #9BA15F on #A9BBCC 1.39:1 Fail
Aa #9BA15F on #7687AB 1.31:1 Fail
Aa #85444A on #596E47 1.28:1 Fail
Aa #4A363C on #444A65 1.28:1 Fail
Aa #C17B5C on #9BA15F 1.22:1 Fail
Aa #85444A on #444A65 1.21:1 Fail
Aa #38453A on #444A65 1.16:1 Fail
Aa #D9C277 on #A9BBCC 1.12:1 Fail
Aa #4A363C on #38453A 1.10:1 Fail
Aa #C17B5C on #7687AB 1.07:1 Fail

Similar palettes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colors
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colors
#FFF8EA #9E7676 #815B5B #594545
4 colors
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colors
#F67280 #C06C84 #6C5B7B #355C7D
4 colors
#2B2E4A #E84545 #903749 #53354A
4 colors
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colors
#A9907E #F3DEBA #ABC4AA #675D50
4 colors