4-Color Left on Red Palette

4-Color Left on Red Palette

4-color palette · Neutral · Mixed · Complementary harmony

4-Color Left on Red Palette

4-color palette · Neutral temperature · Mixed tone · Complementary harmony

Modify
Earthy 4 colors Neutral Mixed Complementary
Likes 7,238
Colors 4


CSS variables

:root {
  --c-earthy-1: #4E6E81;
  --c-earthy-2: #F9DBBB;
  --c-earthy-3: #FF0303;
  --c-earthy-4: #2E3840;
}

About this palette

This 4-color earthy palette runs from Toes in the Sand (#F9DBBB) as its lightest tone to Electromagnetic (#2E3840) as its darkest. It blends Oceanic, Toes in the Sand, Left on Red and Electromagnetic 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 #F9DBBB on #2E3840 at 9.04:1.

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


Color breakdown

Oceanic #4E6E81
RGB
rgb(78, 110, 129)
HSL
hsl(202, 25%, 41%)
Luminance
0.144
Toes in the Sand #F9DBBB
RGB
rgb(249, 219, 187)
HSL
hsl(31, 84%, 85%)
Luminance
0.744
Left on Red #FF0303
RGB
rgb(255, 3, 3)
HSL
hsl(0, 100%, 51%)
Luminance
0.213
Electromagnetic #2E3840
RGB
rgb(46, 56, 64)
HSL
hsl(207, 16%, 22%)
Luminance
0.038

Contrast & accessibility

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

Aa #F9DBBB on #2E3840 9.04:1 AAA
Aa #4E6E81 on #F9DBBB 4.10:1 AA Large
Aa #F9DBBB on #FF0303 3.02:1 AA Large
Aa #FF0303 on #2E3840 3.00:1 AA Large
Aa #4E6E81 on #2E3840 2.20:1 Fail
Aa #4E6E81 on #FF0303 1.36:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors