Sign Up Sign Up
4-Color Clear Calamine Palette

4-Color Clear Calamine Palette

4-color palette · Warm · Light · Monochromatic harmony

Back to Library

4-Color Clear Calamine Palette

4-color palette · Warm temperature · Light tone · Monochromatic harmony

Modify
Earthy 4 colors Warm Light Monochromatic
Likes 10,141
Colors 4

CSS variables

:root {
  --c-earthy-1: #5B6D5B;
  --c-earthy-2: #CA8A8B;
  --c-earthy-3: #E2BCB7;
  --c-earthy-4: #F6E6E4;
}

About this palette

This 4-color earthy palette runs from Clear Calamine (#F6E6E4) as its lightest tone to Terrarium (#5B6D5B) as its darkest. It blends Terrarium, Almond Rose, Balcony Rose and Clear Calamine 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 #5B6D5B on #F6E6E4 at 4.59:1.

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

Color breakdown

Terrarium #5B6D5B
RGB
rgb(91, 109, 91)
HSL
hsl(120, 9%, 39%)
Luminance
0.139
Almond Rose #CA8A8B
RGB
rgb(202, 138, 139)
HSL
hsl(359, 38%, 67%)
Luminance
0.326
Balcony Rose #E2BCB7
RGB
rgb(226, 188, 183)
HSL
hsl(7, 43%, 80%)
Luminance
0.556
Clear Calamine #F6E6E4
RGB
rgb(246, 230, 228)
HSL
hsl(7, 50%, 93%)
Luminance
0.818

Contrast & accessibility

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

Aa #5B6D5B on #F6E6E4 4.59:1 AA
Aa #5B6D5B on #E2BCB7 3.20:1 AA Large
Aa #CA8A8B on #F6E6E4 2.31:1 Fail
Aa #5B6D5B on #CA8A8B 1.99:1 Fail
Aa #CA8A8B on #E2BCB7 1.61:1 Fail
Aa #E2BCB7 on #F6E6E4 1.43:1 Fail

Similar palettes

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 colors
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 colors
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 colors
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 colors
#F38181 #FCE38A #EAFFD0 #95E1D3
4 colors
#B7C4CF #EEE3CB #D7C0AE #967E76
4 colors
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 colors
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 colors