Sign Up Sign Up
Strawberry Classroom

Strawberry Classroom

12-color palette · Warm · Mixed · Monochromatic harmony

Back to Library

Strawberry Classroom

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

Modify
Earthy 12 colors Warm Mixed Monochromatic strawberryclassroom
Likes 48
Colors 12

CSS variables

:root {
  --c-earthy-1: #2E2520;
  --c-earthy-2: #4D392F;
  --c-earthy-3: #725546;
  --c-earthy-4: #8B6756;
  --c-earthy-5: #BD8D75;
  --c-earthy-6: #FCBC9C;
  --c-earthy-7: #C88686;
  --c-earthy-8: #A15F57;
  --c-earthy-9: #79000B;
  --c-earthy-10: #979358;
  --c-earthy-11: #4A4C61;
  --c-earthy-12: #727E97;
}

About this palette

This 12-color earthy palette runs from Apricot Iced Tea (#FCBC9C) as its lightest tone to Wood Bark (#2E2520) as its darkest. It blends Wood Bark, Chicory Coffee, Hold Your Horses, Suede Leather, Suntan Glow, Apricot Iced Tea, All’s Ace, Savannah Red, Japanese Maple, Cardamom Green, Midnight Iris and Country Blue into a single set you can drop straight into a UI. Of its 66 color pairings, 7 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #2E2520 on #FCBC9C at 9.14:1.

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

Color breakdown

Wood Bark #2E2520
RGB
rgb(46, 37, 32)
HSL
hsl(21, 18%, 15%)
Luminance
0.020
Chicory Coffee #4D392F
RGB
rgb(77, 57, 47)
HSL
hsl(20, 24%, 24%)
Luminance
0.047
Hold Your Horses #725546
RGB
rgb(114, 85, 70)
HSL
hsl(20, 24%, 36%)
Luminance
0.105
Suede Leather #8B6756
RGB
rgb(139, 103, 86)
HSL
hsl(19, 24%, 44%)
Luminance
0.159
Suntan Glow #BD8D75
RGB
rgb(189, 141, 117)
HSL
hsl(20, 35%, 60%)
Luminance
0.312
Apricot Iced Tea #FCBC9C
RGB
rgb(252, 188, 156)
HSL
hsl(20, 94%, 80%)
Luminance
0.591
All’s Ace #C88686
RGB
rgb(200, 134, 134)
HSL
hsl(0, 38%, 65%)
Luminance
0.311
Savannah Red #A15F57
RGB
rgb(161, 95, 87)
HSL
hsl(6, 30%, 49%)
Luminance
0.165
Japanese Maple #79000B
RGB
rgb(121, 0, 11)
HSL
hsl(355, 100%, 24%)
Luminance
0.041
Cardamom Green #979358
RGB
rgb(151, 147, 88)
HSL
hsl(56, 26%, 47%)
Luminance
0.282
Midnight Iris #4A4C61
RGB
rgb(74, 76, 97)
HSL
hsl(235, 13%, 34%)
Luminance
0.075
Country Blue #727E97
RGB
rgb(114, 126, 151)
HSL
hsl(221, 15%, 52%)
Luminance
0.207

Contrast & accessibility

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

Aa #2E2520 on #FCBC9C 9.14:1 AAA
Aa #FCBC9C on #79000B 7.05:1 AAA
Aa #4D392F on #FCBC9C 6.60:1 AA
Aa #2E2520 on #BD8D75 5.16:1 AA
Aa #2E2520 on #C88686 5.14:1 AA
Aa #FCBC9C on #4A4C61 5.13:1 AA
Aa #2E2520 on #979358 4.73:1 AA
Aa #725546 on #FCBC9C 4.13:1 AA Large
Aa #BD8D75 on #79000B 3.98:1 AA Large
Aa #C88686 on #79000B 3.97:1 AA Large
Aa #4D392F on #BD8D75 3.72:1 AA Large
Aa #4D392F on #C88686 3.71:1 AA Large
Aa #2E2520 on #727E97 3.67:1 AA Large
Aa #79000B on #979358 3.65:1 AA Large
Aa #4D392F on #979358 3.41:1 AA Large
Aa #8B6756 on #FCBC9C 3.07:1 AA Large
Aa #2E2520 on #A15F57 3.06:1 AA Large
Aa #FCBC9C on #A15F57 2.99:1 Fail
Aa #2E2520 on #8B6756 2.98:1 Fail
Aa #BD8D75 on #4A4C61 2.90:1 Fail
Aa #C88686 on #4A4C61 2.89:1 Fail
Aa #79000B on #727E97 2.83:1 Fail
Aa #4D392F on #727E97 2.65:1 Fail
Aa #979358 on #4A4C61 2.65:1 Fail
Aa #FCBC9C on #727E97 2.49:1 Fail
Aa #A15F57 on #79000B 2.36:1 Fail
Aa #725546 on #BD8D75 2.33:1 Fail
Aa #725546 on #C88686 2.32:1 Fail
Aa #8B6756 on #79000B 2.30:1 Fail
Aa #2E2520 on #725546 2.21:1 Fail
Aa #4D392F on #A15F57 2.21:1 Fail
Aa #4D392F on #8B6756 2.15:1 Fail
Aa #725546 on #979358 2.14:1 Fail
Aa #4A4C61 on #727E97 2.06:1 Fail
Aa #FCBC9C on #979358 1.93:1 Fail
Aa #2E2520 on #4A4C61 1.78:1 Fail
Aa #FCBC9C on #C88686 1.78:1 Fail
Aa #BD8D75 on #FCBC9C 1.77:1 Fail
Aa #8B6756 on #BD8D75 1.73:1 Fail
Aa #8B6756 on #C88686 1.73:1 Fail
Aa #A15F57 on #4A4C61 1.72:1 Fail
Aa #725546 on #79000B 1.71:1 Fail
Aa #BD8D75 on #A15F57 1.69:1 Fail
Aa #C88686 on #A15F57 1.68:1 Fail
Aa #8B6756 on #4A4C61 1.67:1 Fail
Aa #725546 on #727E97 1.66:1 Fail
Aa #4D392F on #725546 1.60:1 Fail
Aa #8B6756 on #979358 1.59:1 Fail
Aa #A15F57 on #979358 1.55:1 Fail
Aa #BD8D75 on #727E97 1.40:1 Fail
Aa #C88686 on #727E97 1.40:1 Fail
Aa #2E2520 on #4D392F 1.39:1 Fail
Aa #725546 on #A15F57 1.38:1 Fail
Aa #79000B on #4A4C61 1.37:1 Fail
Aa #725546 on #8B6756 1.34:1 Fail
Aa #2E2520 on #79000B 1.30:1 Fail
Aa #4D392F on #4A4C61 1.29:1 Fail
Aa #979358 on #727E97 1.29:1 Fail
Aa #725546 on #4A4C61 1.24:1 Fail
Aa #8B6756 on #727E97 1.23:1 Fail
Aa #A15F57 on #727E97 1.20:1 Fail
Aa #BD8D75 on #979358 1.09:1 Fail
Aa #C88686 on #979358 1.09:1 Fail
Aa #4D392F on #79000B 1.07:1 Fail
Aa #8B6756 on #A15F57 1.03:1 Fail
Aa #BD8D75 on #C88686 1.00: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