Sign Up Sign Up
Echo8

Echo8

8-color palette · Cool · Mixed · Triadic harmony

Back to Library

Echo8

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

Modify
Muted 8 colors Cool Mixed Triadic green night blue 8colors
Likes 26
Colors 8

CSS variables

:root {
  --c-muted-1: #002429;
  --c-muted-2: #0C335A;
  --c-muted-3: #20506A;
  --c-muted-4: #5A8994;
  --c-muted-5: #ACD2BD;
  --c-muted-6: #B8E4C0;
  --c-muted-7: #D7EED2;
  --c-muted-8: #EEFFED;
}

About this palette

This 8-color muted palette runs from Snow White (#EEFFED) as its lightest tone to Teal Spill (#002429) as its darkest. It blends Teal Spill, Ambassador Blue, Seafarer, Dusty Turquoise, Misty Jade, Lattice Work, Blue Romance and Snow White into a single set you can drop straight into a UI. Of its 28 color pairings, 12 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #002429 on #EEFFED at 15.7:1.

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

Color breakdown

Teal Spill #002429
RGB
rgb(0, 36, 41)
HSL
hsl(187, 100%, 8%)
Luminance
0.014
Ambassador Blue #0C335A
RGB
rgb(12, 51, 90)
HSL
hsl(210, 76%, 20%)
Luminance
0.032
Seafarer #20506A
RGB
rgb(32, 80, 106)
HSL
hsl(201, 54%, 27%)
Luminance
0.071
Dusty Turquoise #5A8994
RGB
rgb(90, 137, 148)
HSL
hsl(191, 24%, 47%)
Luminance
0.222
Misty Jade #ACD2BD
RGB
rgb(172, 210, 189)
HSL
hsl(147, 30%, 75%)
Luminance
0.585
Lattice Work #B8E4C0
RGB
rgb(184, 228, 192)
HSL
hsl(131, 45%, 81%)
Luminance
0.695
Blue Romance #D7EED2
RGB
rgb(215, 238, 210)
HSL
hsl(109, 45%, 88%)
Luminance
0.803
Snow White #EEFFED
RGB
rgb(238, 255, 237)
HSL
hsl(117, 100%, 96%)
Luminance
0.958

Contrast & accessibility

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

Aa #002429 on #EEFFED 15.70:1 AAA
Aa #002429 on #D7EED2 13.27:1 AAA
Aa #0C335A on #EEFFED 12.32:1 AAA
Aa #002429 on #B8E4C0 11.60:1 AAA
Aa #0C335A on #D7EED2 10.42:1 AAA
Aa #002429 on #ACD2BD 9.89:1 AAA
Aa #0C335A on #B8E4C0 9.10:1 AAA
Aa #20506A on #EEFFED 8.34:1 AAA
Aa #0C335A on #ACD2BD 7.76:1 AAA
Aa #20506A on #D7EED2 7.05:1 AAA
Aa #20506A on #B8E4C0 6.16:1 AA
Aa #20506A on #ACD2BD 5.26:1 AA
Aa #002429 on #5A8994 4.24:1 AA Large
Aa #5A8994 on #EEFFED 3.71:1 AA Large
Aa #0C335A on #5A8994 3.32:1 AA Large
Aa #5A8994 on #D7EED2 3.13:1 AA Large
Aa #5A8994 on #B8E4C0 2.74:1 Fail
Aa #5A8994 on #ACD2BD 2.34:1 Fail
Aa #20506A on #5A8994 2.25:1 Fail
Aa #002429 on #20506A 1.88:1 Fail
Aa #ACD2BD on #EEFFED 1.59:1 Fail
Aa #0C335A on #20506A 1.48:1 Fail
Aa #B8E4C0 on #EEFFED 1.35:1 Fail
Aa #ACD2BD on #D7EED2 1.34:1 Fail
Aa #002429 on #0C335A 1.27:1 Fail
Aa #D7EED2 on #EEFFED 1.18:1 Fail
Aa #ACD2BD on #B8E4C0 1.17:1 Fail
Aa #B8E4C0 on #D7EED2 1.14: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