Sign Up Sign Up
4-Color Orange Sulphur Palette

4-Color Orange Sulphur Palette

4-color palette · Neutral · Dark · Complementary harmony

Back to Library

4-Color Orange Sulphur Palette

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

Modify
Earthy 4 colors Neutral Dark Complementary
Likes 1,829
Colors 4

CSS variables

:root {
  --c-earthy-1: #222832;
  --c-earthy-2: #2F3847;
  --c-earthy-3: #E7A117;
  --c-earthy-4: #C57F1E;
}

About this palette

This 4-color earthy palette runs from Orange Sulphur (#E7A117) as its lightest tone to Infinity (#222832) as its darkest. It blends Infinity, Biro Blue, Orange Sulphur and Yamabukicha Gold into a single set you can drop straight into a UI. Of its 6 color pairings, 3 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #222832 on #E7A117 at 6.71:1.

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

Color breakdown

Infinity #222832
RGB
rgb(34, 40, 50)
HSL
hsl(218, 19%, 16%)
Luminance
0.021
Biro Blue #2F3847
RGB
rgb(47, 56, 71)
HSL
hsl(218, 20%, 23%)
Luminance
0.039
Orange Sulphur #E7A117
RGB
rgb(231, 161, 23)
HSL
hsl(40, 82%, 50%)
Luminance
0.425
Yamabukicha Gold #C57F1E
RGB
rgb(197, 127, 30)
HSL
hsl(35, 74%, 45%)
Luminance
0.271

Contrast & accessibility

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

Aa #222832 on #E7A117 6.71:1 AA
Aa #2F3847 on #E7A117 5.35:1 AA
Aa #222832 on #C57F1E 4.53:1 AA
Aa #2F3847 on #C57F1E 3.62:1 AA Large
Aa #E7A117 on #C57F1E 1.48:1 Fail
Aa #222832 on #2F3847 1.25:1 Fail

Similar palettes

#000000 #3E065F #700B97 #8E05C2
4 colors
#000000 #150050 #3F0071 #FB2576
4 colors
#000000 #3E432E #616F39 #A7D129
4 colors
#4B5D67 #322F3D #59405C #87556F
4 colors
#18230F #27391C #255F38 #1F7D53
4 colors
#FF5200 #6F0000 #00263B #00A1AB
4 colors
#000000 #0F6292 #16FF00 #FFED00
4 colors
#251D3A #2A2550 #E04D01 #FF7700
4 colors