Sign Up Sign Up
Stella Saturn

Stella Saturn

8-color palette · Cool · Mixed · Complementary harmony

Back to Library

Stella Saturn

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

Modify
Muted 8 colors Cool Mixed Complementary contrast
Likes 38
Colors 8

CSS variables

:root {
  --c-muted-1: #FFFFFF;
  --c-muted-2: #E7D6E9;
  --c-muted-3: #B2A3BD;
  --c-muted-4: #ECFF1A;
  --c-muted-5: #507474;
  --c-muted-6: #1D3131;
  --c-muted-7: #169EC5;
  --c-muted-8: #CC1900;
}

About this palette

This 8-color muted palette runs from White (#FFFFFF) as its lightest tone to Dark Pine Green (#1D3131) as its darkest. It blends White, Pale Grey Magenta, Emanation, John Lemon, Rogue Waters, Dark Pine Green, Delos Blue and Vampire State Building into a single set you can drop straight into a UI. Of its 28 color pairings, 8 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FFFFFF on #1D3131 at 13.67:1.

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

Color breakdown

White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000
Pale Grey Magenta #E7D6E9
RGB
rgb(231, 214, 233)
HSL
hsl(294, 30%, 88%)
Luminance
0.710
Emanation #B2A3BD
RGB
rgb(178, 163, 189)
HSL
hsl(275, 16%, 69%)
Luminance
0.393
John Lemon #ECFF1A
RGB
rgb(236, 255, 26)
HSL
hsl(65, 100%, 55%)
Luminance
0.894
Rogue Waters #507474
RGB
rgb(80, 116, 116)
HSL
hsl(180, 18%, 38%)
Luminance
0.155
Dark Pine Green #1D3131
RGB
rgb(29, 49, 49)
HSL
hsl(180, 26%, 15%)
Luminance
0.027
Delos Blue #169EC5
RGB
rgb(22, 158, 197)
HSL
hsl(193, 80%, 43%)
Luminance
0.287
Vampire State Building #CC1900
RGB
rgb(204, 25, 0)
HSL
hsl(7, 100%, 40%)
Luminance
0.135

Contrast & accessibility

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

Aa #FFFFFF on #1D3131 13.67:1 AAA
Aa #ECFF1A on #1D3131 12.30:1 AAA
Aa #E7D6E9 on #1D3131 9.89:1 AAA
Aa #B2A3BD on #1D3131 5.77:1 AA
Aa #FFFFFF on #CC1900 5.67:1 AA
Aa #FFFFFF on #507474 5.13:1 AA
Aa #ECFF1A on #CC1900 5.10:1 AA
Aa #ECFF1A on #507474 4.62:1 AA
Aa #1D3131 on #169EC5 4.38:1 AA Large
Aa #E7D6E9 on #CC1900 4.10:1 AA Large
Aa #E7D6E9 on #507474 3.71:1 AA Large
Aa #FFFFFF on #169EC5 3.12:1 AA Large
Aa #ECFF1A on #169EC5 2.81:1 Fail
Aa #507474 on #1D3131 2.66:1 Fail
Aa #1D3131 on #CC1900 2.41:1 Fail
Aa #B2A3BD on #CC1900 2.39:1 Fail
Aa #FFFFFF on #B2A3BD 2.37:1 Fail
Aa #E7D6E9 on #169EC5 2.26:1 Fail
Aa #B2A3BD on #507474 2.17:1 Fail
Aa #B2A3BD on #ECFF1A 2.13:1 Fail
Aa #169EC5 on #CC1900 1.82:1 Fail
Aa #E7D6E9 on #B2A3BD 1.71:1 Fail
Aa #507474 on #169EC5 1.65:1 Fail
Aa #FFFFFF on #E7D6E9 1.38:1 Fail
Aa #B2A3BD on #169EC5 1.32:1 Fail
Aa #E7D6E9 on #ECFF1A 1.24:1 Fail
Aa #FFFFFF on #ECFF1A 1.11:1 Fail
Aa #507474 on #CC1900 1.10:1 Fail

Similar palettes

#222831 #393E46 #00ADB5 #EEEEEE
4 colors
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colors
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colors
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colors
#27374D #526D82 #9DB2BF #DDE6ED
4 colors
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colors
#E4F9F5 #30E3CA #11999E #40514E
4 colors
#F0F5F9 #C9D6DF #52616B #1E2022
4 colors