4-Color Red Obsession Palette

4-Color Red Obsession Palette

4-color palette · Warm · Light · Complementary harmony

4-Color Red Obsession Palette

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

Modify
Pastel 4 colors Warm Light Complementary
Likes 1,909
Colors 4


CSS variables

:root {
  --c-pastel-1: #C7F2E3;
  --c-pastel-2: #9ED9C5;
  --c-pastel-3: #EEDDD2;
  --c-pastel-4: #B73535;
}

About this palette

This 4-color pastel palette runs from Summer House (#C7F2E3) as its lightest tone to Red Obsession (#B73535) as its darkest. It blends Summer House, Isabella’s Aqua, Santa Fe Spirit and Red Obsession 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 #C7F2E3 on #B73535 at 4.82:1.

Gentle, low-saturation tones — ideal for wedding sites, baby brands, soft hero sections, and editorial layouts that lead with whitespace.


Color breakdown

Summer House #C7F2E3
RGB
rgb(199, 242, 227)
HSL
hsl(159, 62%, 86%)
Luminance
0.812
Isabella’s Aqua #9ED9C5
RGB
rgb(158, 217, 197)
HSL
hsl(160, 44%, 74%)
Luminance
0.609
Santa Fe Spirit #EEDDD2
RGB
rgb(238, 221, 210)
HSL
hsl(24, 45%, 88%)
Luminance
0.745
Red Obsession #B73535
RGB
rgb(183, 53, 53)
HSL
hsl(0, 55%, 46%)
Luminance
0.129

Contrast & accessibility

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

Aa #C7F2E3 on #B73535 4.82:1 AA
Aa #EEDDD2 on #B73535 4.45:1 AA Large
Aa #9ED9C5 on #B73535 3.69:1 AA Large
Aa #C7F2E3 on #9ED9C5 1.31:1 Fail
Aa #9ED9C5 on #EEDDD2 1.21:1 Fail
Aa #C7F2E3 on #EEDDD2 1.08: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