Sign Up Sign Up
CNP Ultimate

CNP Ultimate

5-color palette · Neutral · Mixed · Complementary harmony

Back to Library

CNP Ultimate

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

Modify
Earthy 5 colors Neutral Mixed Complementary
Likes 4
Colors 5

CSS variables

:root {
  --c-earthy-1: #F9B626;
  --c-earthy-2: #EB3123;
  --c-earthy-3: #1E409C;
  --c-earthy-4: #98978D;
  --c-earthy-5: #090D10;
}

About this palette

This 5-color earthy palette runs from Hot Sun (#F9B626) as its lightest tone to Dark Side of the Moon (#090D10) as its darkest. It blends Hot Sun, Red Rampage, Space Explorer, Worlds Away and Dark Side of the Moon into a single set you can drop straight into a UI. Of its 10 color pairings, 4 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #F9B626 on #090D10 at 10.91:1.

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

Color breakdown

Hot Sun #F9B626
RGB
rgb(249, 182, 38)
HSL
hsl(41, 95%, 56%)
Luminance
0.537
Red Rampage #EB3123
RGB
rgb(235, 49, 35)
HSL
hsl(4, 83%, 53%)
Luminance
0.200
Space Explorer #1E409C
RGB
rgb(30, 64, 156)
HSL
hsl(224, 68%, 36%)
Luminance
0.063
Worlds Away #98978D
RGB
rgb(152, 151, 141)
HSL
hsl(55, 5%, 57%)
Luminance
0.307
Dark Side of the Moon #090D10
RGB
rgb(9, 13, 16)
HSL
hsl(206, 28%, 5%)
Luminance
0.004

Contrast & accessibility

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

Aa #F9B626 on #090D10 10.91:1 AAA
Aa #98978D on #090D10 6.64:1 AA
Aa #F9B626 on #1E409C 5.18:1 AA
Aa #EB3123 on #090D10 4.64:1 AA
Aa #1E409C on #98978D 3.15:1 AA Large
Aa #F9B626 on #EB3123 2.35:1 Fail
Aa #EB3123 on #1E409C 2.20:1 Fail
Aa #1E409C on #090D10 2.11:1 Fail
Aa #F9B626 on #98978D 1.64:1 Fail
Aa #EB3123 on #98978D 1.43: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