Sign Up Sign Up
SS 8

SS 8

8-color palette · Warm · Mixed · Complementary harmony

Back to Library

SS 8

8-color palette · Warm temperature · Mixed tone · Complementary harmony

Modify
Earthy 8 colors Warm Mixed Complementary
Likes 7
Colors 8

CSS variables

:root {
  --c-earthy-1: #080808;
  --c-earthy-2: #BB46AC;
  --c-earthy-3: #A42712;
  --c-earthy-4: #E3712C;
  --c-earthy-5: #234B8C;
  --c-earthy-6: #42C6DB;
  --c-earthy-7: #41A326;
  --c-earthy-8: #FFFFFF;
}

About this palette

This 8-color earthy palette runs from White (#FFFFFF) as its lightest tone to Reversed Grey (#080808) as its darkest. It blends Reversed Grey, Ultraviolet Nusp, Tabasco, Russet Orange, Unity, Lake Thun, Green Seduction and White into a single set you can drop straight into a UI. Of its 28 color pairings, 7 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #080808 on #FFFFFF at 20.03:1.

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

Color breakdown

Reversed Grey #080808
RGB
rgb(8, 8, 8)
HSL
hsl(0, 0%, 3%)
Luminance
0.002
Ultraviolet Nusp #BB46AC
RGB
rgb(187, 70, 172)
HSL
hsl(308, 46%, 50%)
Luminance
0.179
Tabasco #A42712
RGB
rgb(164, 39, 18)
HSL
hsl(9, 80%, 36%)
Luminance
0.094
Russet Orange #E3712C
RGB
rgb(227, 113, 44)
HSL
hsl(23, 77%, 53%)
Luminance
0.283
Unity #234B8C
RGB
rgb(35, 75, 140)
HSL
hsl(217, 60%, 34%)
Luminance
0.073
Lake Thun #42C6DB
RGB
rgb(66, 198, 219)
HSL
hsl(188, 68%, 56%)
Luminance
0.467
Green Seduction #41A326
RGB
rgb(65, 163, 38)
HSL
hsl(107, 62%, 39%)
Luminance
0.275
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000

Contrast & accessibility

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

Aa #080808 on #FFFFFF 20.03:1 AAA
Aa #080808 on #42C6DB 9.85:1 AAA
Aa #234B8C on #FFFFFF 8.55:1 AAA
Aa #A42712 on #FFFFFF 7.30:1 AAA
Aa #080808 on #E3712C 6.36:1 AA
Aa #080808 on #41A326 6.19:1 AA
Aa #BB46AC on #FFFFFF 4.58:1 AA
Aa #080808 on #BB46AC 4.37:1 AA Large
Aa #234B8C on #42C6DB 4.21:1 AA Large
Aa #A42712 on #42C6DB 3.59:1 AA Large
Aa #41A326 on #FFFFFF 3.23:1 AA Large
Aa #E3712C on #FFFFFF 3.15:1 AA Large
Aa #080808 on #A42712 2.74:1 Fail
Aa #E3712C on #234B8C 2.71:1 Fail
Aa #234B8C on #41A326 2.64:1 Fail
Aa #080808 on #234B8C 2.34:1 Fail
Aa #A42712 on #E3712C 2.32:1 Fail
Aa #A42712 on #41A326 2.26:1 Fail
Aa #BB46AC on #42C6DB 2.25:1 Fail
Aa #42C6DB on #FFFFFF 2.03:1 Fail
Aa #BB46AC on #234B8C 1.87:1 Fail
Aa #BB46AC on #A42712 1.59:1 Fail
Aa #42C6DB on #41A326 1.59:1 Fail
Aa #E3712C on #42C6DB 1.55:1 Fail
Aa #BB46AC on #E3712C 1.45:1 Fail
Aa #BB46AC on #41A326 1.42:1 Fail
Aa #A42712 on #234B8C 1.17:1 Fail
Aa #E3712C on #41A326 1.03: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