Sign Up Sign Up
Ellen C Pirog Art

Ellen C Pirog Art

5-color palette · Warm · Mixed · Complementary harmony

Back to Library

Ellen C Pirog Art

5-color palette · Warm temperature · Mixed tone · Complementary harmony

Modify
Earthy 5 colors Warm Mixed Complementary
Likes 14
Colors 5

CSS variables

:root {
  --c-earthy-1: #983E53;
  --c-earthy-2: #C1677C;
  --c-earthy-3: #EDBDC6;
  --c-earthy-4: #728C96;
  --c-earthy-5: #486F7D;
}

About this palette

This 5-color earthy palette runs from Rose Melody (#EDBDC6) as its lightest tone to Algae Red (#983E53) as its darkest. It blends Algae Red, Pink Manhattan, Rose Melody, Shaker Blue and Bismarck into a single set you can drop straight into a UI. None of the 10 in-palette color pairings clear the WCAG AA contrast threshold (4.5:1), so pair these colors with black or white for body text.

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

Color breakdown

Algae Red #983E53
RGB
rgb(152, 62, 83)
HSL
hsl(346, 42%, 42%)
Luminance
0.108
Pink Manhattan #C1677C
RGB
rgb(193, 103, 124)
HSL
hsl(346, 42%, 58%)
Luminance
0.225
Rose Melody #EDBDC6
RGB
rgb(237, 189, 198)
HSL
hsl(349, 57%, 84%)
Luminance
0.585
Shaker Blue #728C96
RGB
rgb(114, 140, 150)
HSL
hsl(197, 15%, 52%)
Luminance
0.245
Bismarck #486F7D
RGB
rgb(72, 111, 125)
HSL
hsl(196, 27%, 39%)
Luminance
0.142

Contrast & accessibility

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

Aa #983E53 on #EDBDC6 4.03:1 AA Large
Aa #EDBDC6 on #486F7D 3.30:1 AA Large
Aa #C1677C on #EDBDC6 2.31:1 Fail
Aa #EDBDC6 on #728C96 2.15:1 Fail
Aa #983E53 on #728C96 1.88:1 Fail
Aa #983E53 on #C1677C 1.75:1 Fail
Aa #728C96 on #486F7D 1.54:1 Fail
Aa #C1677C on #486F7D 1.43:1 Fail
Aa #983E53 on #486F7D 1.22:1 Fail
Aa #C1677C on #728C96 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