Sign Up Sign Up
Sweetdusk 5

Sweetdusk 5

5-color palette · Warm · Mixed · Triadic harmony

Back to Library

Sweetdusk 5

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

Modify
Earthy 5 colors Warm Mixed Triadic pink purple sunset 5
Likes 43
Colors 5

CSS variables

:root {
  --c-earthy-1: #FCBBAB;
  --c-earthy-2: #B96889;
  --c-earthy-3: #583163;
  --c-earthy-4: #19112B;
  --c-earthy-5: #000000;
}

About this palette

This 5-color earthy palette runs from Yahoo (#FCBBAB) as its lightest tone to Black (#000000) as its darkest. It blends Yahoo, Malevolent Mauve, Imperial Purple, Sambucus and Black into a single set you can drop straight into a UI. Of its 10 color pairings, 5 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FCBBAB on #000000 at 12.84:1.

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

Color breakdown

Yahoo #FCBBAB
RGB
rgb(252, 187, 171)
HSL
hsl(12, 93%, 83%)
Luminance
0.592
Malevolent Mauve #B96889
RGB
rgb(185, 104, 137)
HSL
hsl(336, 37%, 57%)
Luminance
0.220
Imperial Purple #583163
RGB
rgb(88, 49, 99)
HSL
hsl(287, 34%, 29%)
Luminance
0.052
Sambucus #19112B
RGB
rgb(25, 17, 43)
HSL
hsl(258, 43%, 12%)
Luminance
0.008
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminance
0.000

Contrast & accessibility

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

Aa #FCBBAB on #000000 12.84:1 AAA
Aa #FCBBAB on #19112B 11.10:1 AAA
Aa #FCBBAB on #583163 6.31:1 AA
Aa #B96889 on #000000 5.40:1 AA
Aa #B96889 on #19112B 4.67:1 AA
Aa #B96889 on #583163 2.66:1 Fail
Aa #FCBBAB on #B96889 2.38:1 Fail
Aa #583163 on #000000 2.03:1 Fail
Aa #583163 on #19112B 1.76:1 Fail
Aa #19112B on #000000 1.16: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