Sign Up Sign Up
Autumn Butterfly

Autumn Butterfly

8-color palette · Neutral · Mixed · Complementary harmony

Back to Library

Autumn Butterfly

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

Modify
Earthy 8 colors Neutral Mixed Complementary fall color bright bugs
Likes 14
Colors 8

CSS variables

:root {
  --c-earthy-1: #361D40;
  --c-earthy-2: #581481;
  --c-earthy-3: #A548B0;
  --c-earthy-4: #5777C3;
  --c-earthy-5: #3A3189;
  --c-earthy-6: #74B238;
  --c-earthy-7: #E6DECD;
  --c-earthy-8: #BF402B;
}

About this palette

This 8-color earthy palette runs from Ivory Memories (#E6DECD) as its lightest tone to Power Outage (#361D40) as its darkest. It blends Power Outage, American Violet, Fuchsia Pheromone, Blue Android Base, Majestic Eggplant, Natural Order, Ivory Memories and Dried Saffron into a single set you can drop straight into a UI. Of its 28 color pairings, 4 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #361D40 on #E6DECD at 11.16:1.

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

Color breakdown

Power Outage #361D40
RGB
rgb(54, 29, 64)
HSL
hsl(283, 38%, 18%)
Luminance
0.020
American Violet #581481
RGB
rgb(88, 20, 129)
HSL
hsl(277, 73%, 29%)
Luminance
0.042
Fuchsia Pheromone #A548B0
RGB
rgb(165, 72, 176)
HSL
hsl(294, 42%, 49%)
Luminance
0.158
Blue Android Base #5777C3
RGB
rgb(87, 119, 195)
HSL
hsl(222, 47%, 55%)
Luminance
0.192
Majestic Eggplant #3A3189
RGB
rgb(58, 49, 137)
HSL
hsl(246, 47%, 36%)
Luminance
0.049
Natural Order #74B238
RGB
rgb(116, 178, 56)
HSL
hsl(90, 52%, 46%)
Luminance
0.358
Ivory Memories #E6DECD
RGB
rgb(230, 222, 205)
HSL
hsl(41, 33%, 85%)
Luminance
0.735
Dried Saffron #BF402B
RGB
rgb(191, 64, 43)
HSL
hsl(9, 63%, 46%)
Luminance
0.149

Contrast & accessibility

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

Aa #361D40 on #E6DECD 11.16:1 AAA
Aa #581481 on #E6DECD 8.57:1 AAA
Aa #3A3189 on #E6DECD 7.92:1 AAA
Aa #361D40 on #74B238 5.81:1 AA
Aa #581481 on #74B238 4.46:1 AA Large
Aa #3A3189 on #74B238 4.12:1 AA Large
Aa #E6DECD on #BF402B 3.94:1 AA Large
Aa #A548B0 on #E6DECD 3.78:1 AA Large
Aa #361D40 on #5777C3 3.44:1 AA Large
Aa #5777C3 on #E6DECD 3.25:1 AA Large
Aa #361D40 on #A548B0 2.95:1 Fail
Aa #361D40 on #BF402B 2.83:1 Fail
Aa #581481 on #5777C3 2.64:1 Fail
Aa #5777C3 on #3A3189 2.44:1 Fail
Aa #581481 on #A548B0 2.27:1 Fail
Aa #581481 on #BF402B 2.17:1 Fail
Aa #A548B0 on #3A3189 2.10:1 Fail
Aa #74B238 on #BF402B 2.05:1 Fail
Aa #3A3189 on #BF402B 2.01:1 Fail
Aa #A548B0 on #74B238 1.97:1 Fail
Aa #74B238 on #E6DECD 1.92:1 Fail
Aa #5777C3 on #74B238 1.69:1 Fail
Aa #361D40 on #3A3189 1.41:1 Fail
Aa #361D40 on #581481 1.30:1 Fail
Aa #5777C3 on #BF402B 1.21:1 Fail
Aa #A548B0 on #5777C3 1.16:1 Fail
Aa #581481 on #3A3189 1.08:1 Fail
Aa #A548B0 on #BF402B 1.04: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