Sign Up Sign Up
Frankoma8

Frankoma8

8-color palette · Warm · Mixed · Analogous harmony

Back to Library

Frankoma8

8-color palette · Warm temperature · Mixed tone · Analogous harmony

Modify
Earthy 8 colors Warm Mixed Analogous green red 8colors brown
Likes 18
Colors 8

CSS variables

:root {
  --c-earthy-1: #C88D71;
  --c-earthy-2: #F8E1BB;
  --c-earthy-3: #FFEFE1;
  --c-earthy-4: #BCAA84;
  --c-earthy-5: #E3CCB9;
  --c-earthy-6: #C15649;
  --c-earthy-7: #D68669;
  --c-earthy-8: #1C0F08;
}

About this palette

This 8-color earthy palette runs from Sugar Glaze (#FFEFE1) as its lightest tone to Crowshead (#1C0F08) as its darkest. It blends Baker’s Dream, Curd, Sugar Glaze, Feldspar Grey, Safari Map, Martian Ironearth, King Salmon and Crowshead into a single set you can drop straight into a UI. Of its 28 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FFEFE1 on #1C0F08 at 16.67:1.

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

Color breakdown

Baker’s Dream #C88D71
RGB
rgb(200, 141, 113)
HSL
hsl(19, 44%, 61%)
Luminance
0.325
Curd #F8E1BB
RGB
rgb(248, 225, 187)
HSL
hsl(37, 81%, 85%)
Luminance
0.774
Sugar Glaze #FFEFE1
RGB
rgb(255, 239, 225)
HSL
hsl(28, 100%, 94%)
Luminance
0.884
Feldspar Grey #BCAA84
RGB
rgb(188, 170, 132)
HSL
hsl(41, 29%, 63%)
Luminance
0.411
Safari Map #E3CCB9
RGB
rgb(227, 204, 185)
HSL
hsl(27, 43%, 81%)
Luminance
0.630
Martian Ironearth #C15649
RGB
rgb(193, 86, 73)
HSL
hsl(7, 49%, 52%)
Luminance
0.185
King Salmon #D68669
RGB
rgb(214, 134, 105)
HSL
hsl(16, 57%, 63%)
Luminance
0.324
Crowshead #1C0F08
RGB
rgb(28, 15, 8)
HSL
hsl(21, 56%, 7%)
Luminance
0.006

Contrast & accessibility

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

Aa #FFEFE1 on #1C0F08 16.67:1 AAA
Aa #F8E1BB on #1C0F08 14.70:1 AAA
Aa #E3CCB9 on #1C0F08 12.13:1 AAA
Aa #BCAA84 on #1C0F08 8.22:1 AAA
Aa #C88D71 on #1C0F08 6.69:1 AA
Aa #D68669 on #1C0F08 6.67:1 AA
Aa #C15649 on #1C0F08 4.19:1 AA Large
Aa #FFEFE1 on #C15649 3.98:1 AA Large
Aa #F8E1BB on #C15649 3.51:1 AA Large
Aa #E3CCB9 on #C15649 2.90:1 Fail
Aa #FFEFE1 on #D68669 2.50:1 Fail
Aa #C88D71 on #FFEFE1 2.49:1 Fail
Aa #F8E1BB on #D68669 2.21:1 Fail
Aa #C88D71 on #F8E1BB 2.20:1 Fail
Aa #FFEFE1 on #BCAA84 2.03:1 Fail
Aa #BCAA84 on #C15649 1.96:1 Fail
Aa #E3CCB9 on #D68669 1.82:1 Fail
Aa #C88D71 on #E3CCB9 1.81:1 Fail
Aa #F8E1BB on #BCAA84 1.79:1 Fail
Aa #C88D71 on #C15649 1.60:1 Fail
Aa #C15649 on #D68669 1.59:1 Fail
Aa #BCAA84 on #E3CCB9 1.48:1 Fail
Aa #FFEFE1 on #E3CCB9 1.37:1 Fail
Aa #C88D71 on #BCAA84 1.23:1 Fail
Aa #BCAA84 on #D68669 1.23:1 Fail
Aa #F8E1BB on #E3CCB9 1.21:1 Fail
Aa #F8E1BB on #FFEFE1 1.13:1 Fail
Aa #C88D71 on #D68669 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