Sign Up Sign Up
Autom8ion

Autom8ion

8-color palette · Neutral · Mixed · Analogous harmony

Back to Library

Autom8ion

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

Modify
Muted 8 colors Neutral Mixed Analogous green simple metal grey
Likes 36
Colors 8

CSS variables

:root {
  --c-muted-1: #ABFF2D;
  --c-muted-2: #66D330;
  --c-muted-3: #40B640;
  --c-muted-4: #35835E;
  --c-muted-5: #F0F0F0;
  --c-muted-6: #999999;
  --c-muted-7: #747474;
  --c-muted-8: #303030;
}

About this palette

This 8-color muted palette runs from Snowflake (#F0F0F0) as its lightest tone to Off Black (#303030) as its darkest. It blends Chestnut Shell, Download Progress, Matt Green, Chrysocolla Green, Snowflake, Million Grey, Bank Vault and Off Black into a single set you can drop straight into a UI. Of its 28 color pairings, 5 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #F0F0F0 on #303030 at 11.58:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Chestnut Shell #ABFF2D
RGB
rgb(171, 255, 45)
HSL
hsl(84, 100%, 59%)
Luminance
0.804
Download Progress #66D330
RGB
rgb(102, 211, 48)
HSL
hsl(100, 65%, 51%)
Luminance
0.496
Matt Green #40B640
RGB
rgb(64, 182, 64)
HSL
hsl(120, 48%, 48%)
Luminance
0.349
Chrysocolla Green #35835E
RGB
rgb(53, 131, 94)
HSL
hsl(152, 42%, 36%)
Luminance
0.178
Snowflake #F0F0F0
RGB
rgb(240, 240, 240)
HSL
hsl(0, 0%, 94%)
Luminance
0.871
Million Grey #999999
RGB
rgb(153, 153, 153)
HSL
hsl(0, 0%, 60%)
Luminance
0.319
Bank Vault #747474
RGB
rgb(116, 116, 116)
HSL
hsl(0, 0%, 45%)
Luminance
0.175
Off Black #303030
RGB
rgb(48, 48, 48)
HSL
hsl(0, 0%, 19%)
Luminance
0.030

Contrast & accessibility

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

Aa #F0F0F0 on #303030 11.58:1 AAA
Aa #ABFF2D on #303030 10.73:1 AAA
Aa #66D330 on #303030 6.87:1 AA
Aa #40B640 on #303030 5.02:1 AA
Aa #999999 on #303030 4.63:1 AA
Aa #F0F0F0 on #747474 4.10:1 AA Large
Aa #35835E on #F0F0F0 4.04:1 AA Large
Aa #ABFF2D on #747474 3.80:1 AA Large
Aa #ABFF2D on #35835E 3.74:1 AA Large
Aa #35835E on #303030 2.87:1 Fail
Aa #747474 on #303030 2.82:1 Fail
Aa #F0F0F0 on #999999 2.50:1 Fail
Aa #66D330 on #747474 2.43:1 Fail
Aa #66D330 on #35835E 2.40:1 Fail
Aa #ABFF2D on #999999 2.32:1 Fail
Aa #40B640 on #F0F0F0 2.31:1 Fail
Aa #ABFF2D on #40B640 2.14:1 Fail
Aa #40B640 on #747474 1.78:1 Fail
Aa #40B640 on #35835E 1.75:1 Fail
Aa #66D330 on #F0F0F0 1.69:1 Fail
Aa #999999 on #747474 1.64:1 Fail
Aa #35835E on #999999 1.62:1 Fail
Aa #ABFF2D on #66D330 1.56:1 Fail
Aa #66D330 on #999999 1.48:1 Fail
Aa #66D330 on #40B640 1.37:1 Fail
Aa #ABFF2D on #F0F0F0 1.08:1 Fail
Aa #40B640 on #999999 1.08:1 Fail
Aa #35835E on #747474 1.01: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