Sign Up Sign Up
PurpleMorning8

PurpleMorning8

8-color palette · Neutral · Mixed · Complementary harmony

Back to Library

PurpleMorning8

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

Modify
Earthy 8 colors Neutral Mixed Complementary warm blue purple sunset
Likes 476
Colors 8

CSS variables

:root {
  --c-earthy-1: #211D38;
  --c-earthy-2: #2E2A4F;
  --c-earthy-3: #3B405E;
  --c-earthy-4: #60556E;
  --c-earthy-5: #9A6278;
  --c-earthy-6: #C7786F;
  --c-earthy-7: #CFA98A;
  --c-earthy-8: #CDD4A5;
}

About this palette

This 8-color earthy palette runs from True to You (#CDD4A5) as its lightest tone to Eclipse Elixir (#211D38) as its darkest. It blends Eclipse Elixir, Cardinal Mauve, Church Blue, Arraign, Jugendstil Pink, Lovable, Cliff Brown and True to You 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 #211D38 on #CDD4A5 at 10.45:1.

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

Color breakdown

Eclipse Elixir #211D38
RGB
rgb(33, 29, 56)
HSL
hsl(249, 32%, 17%)
Luminance
0.015
Cardinal Mauve #2E2A4F
RGB
rgb(46, 42, 79)
HSL
hsl(246, 31%, 24%)
Luminance
0.028
Church Blue #3B405E
RGB
rgb(59, 64, 94)
HSL
hsl(231, 23%, 30%)
Luminance
0.054
Arraign #60556E
RGB
rgb(96, 85, 110)
HSL
hsl(266, 13%, 38%)
Luminance
0.101
Jugendstil Pink #9A6278
RGB
rgb(154, 98, 120)
HSL
hsl(336, 22%, 49%)
Luminance
0.170
Lovable #C7786F
RGB
rgb(199, 120, 111)
HSL
hsl(6, 44%, 61%)
Luminance
0.267
Cliff Brown #CFA98A
RGB
rgb(207, 169, 138)
HSL
hsl(27, 42%, 68%)
Luminance
0.435
True to You #CDD4A5
RGB
rgb(205, 212, 165)
HSL
hsl(69, 35%, 74%)
Luminance
0.628

Contrast & accessibility

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

Aa #211D38 on #CDD4A5 10.45:1 AAA
Aa #2E2A4F on #CDD4A5 8.69:1 AAA
Aa #211D38 on #CFA98A 7.47:1 AAA
Aa #3B405E on #CDD4A5 6.51:1 AA
Aa #2E2A4F on #CFA98A 6.21:1 AA
Aa #211D38 on #C7786F 4.89:1 AA
Aa #3B405E on #CFA98A 4.66:1 AA
Aa #60556E on #CDD4A5 4.49:1 AA Large
Aa #2E2A4F on #C7786F 4.07:1 AA Large
Aa #211D38 on #9A6278 3.39:1 AA Large
Aa #60556E on #CFA98A 3.21:1 AA Large
Aa #9A6278 on #CDD4A5 3.09:1 AA Large
Aa #3B405E on #C7786F 3.05:1 AA Large
Aa #2E2A4F on #9A6278 2.82:1 Fail
Aa #211D38 on #60556E 2.33:1 Fail
Aa #9A6278 on #CFA98A 2.21:1 Fail
Aa #C7786F on #CDD4A5 2.14:1 Fail
Aa #3B405E on #9A6278 2.11:1 Fail
Aa #60556E on #C7786F 2.10:1 Fail
Aa #2E2A4F on #60556E 1.94:1 Fail
Aa #211D38 on #3B405E 1.60:1 Fail
Aa #C7786F on #CFA98A 1.53:1 Fail
Aa #3B405E on #60556E 1.45:1 Fail
Aa #60556E on #9A6278 1.45:1 Fail
Aa #9A6278 on #C7786F 1.44:1 Fail
Aa #CFA98A on #CDD4A5 1.40:1 Fail
Aa #2E2A4F on #3B405E 1.33:1 Fail
Aa #211D38 on #2E2A4F 1.20: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