Elderflower
#FCF8E8
Likes
4,158
Colors
4
CSS variables
:root {
--c-earthy-1: #FCF8E8;
--c-earthy-2: #94B49F;
--c-earthy-3: #DF7861;
--c-earthy-4: #76549A;
}About this palette
This 4-color earthy palette runs from Elderflower (#FCF8E8) as its lightest tone to Juneberry (#76549A) as its darkest. It blends Elderflower, Garden District, Annular and Juneberry into a single set you can drop straight into a UI. Of its 6 color pairings, 1 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FCF8E8 on #76549A at 5.63:1.
Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.
Color breakdown
Garden District
#94B49F
Annular
#DF7861
Juneberry
#76549A
Contrast & accessibility
1 of 6 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.
Aa
#FCF8E8 on #76549A
5.63:1
AA
Aa
#FCF8E8 on #DF7861
2.82:1
Fail
Aa
#94B49F on #76549A
2.65:1
Fail
Aa
#FCF8E8 on #94B49F
2.12:1
Fail
Aa
#DF7861 on #76549A
2.00:1
Fail
Aa
#94B49F on #DF7861
1.33:1
Fail
Similar palettes
#FFF5E4
#FFE3E1
#FFD1D1
#FF9494
#F9F5F6
#F8E8EE
#FDCEDF
#F2BED1
#FFC7C7
#FFE2E2
#F6F6F6
#8785A2
#AD8B73
#CEAB93
#E3CAA5
#FFFBE9
#F38181
#FCE38A
#EAFFD0
#95E1D3
#B7C4CF
#EEE3CB
#D7C0AE
#967E76
#FFEDDB
#EDCDBB
#E3B7A0
#BF9270
#8D7B68
#A4907C
#C8B6A6
#F1DEC9