Sign Up Sign Up
Magic Waters 9

Magic Waters 9

9-color palette · Cool · Mixed · Triadic harmony

Back to Library

Magic Waters 9

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

Modify
Muted 9 colors Cool Mixed Triadic green blue purple light
Likes 45
Colors 9

CSS variables

:root {
  --c-muted-1: #5D5179;
  --c-muted-2: #4F5E85;
  --c-muted-3: #4F759B;
  --c-muted-4: #728C91;
  --c-muted-5: #70A094;
  --c-muted-6: #6DB39C;
  --c-muted-7: #92C9B1;
  --c-muted-8: #94E2A5;
  --c-muted-9: #A2FAA3;
}

About this palette

This 9-color muted palette runs from Creamy Mint (#A2FAA3) as its lightest tone to Imperial Palace (#5D5179) as its darkest. It blends Imperial Palace, Indigo Navy Blue, Secrecy, Leisure Time, Greyish Teal, Dusty Jade Green, Vile Green, Hospital Green and Creamy Mint into a single set you can drop straight into a UI. Of its 36 color pairings, 3 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #5D5179 on #A2FAA3 at 5.74:1.

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

Color breakdown

Imperial Palace #5D5179
RGB
rgb(93, 81, 121)
HSL
hsl(258, 20%, 40%)
Luminance
0.096
Indigo Navy Blue #4F5E85
RGB
rgb(79, 94, 133)
HSL
hsl(223, 25%, 42%)
Luminance
0.114
Secrecy #4F759B
RGB
rgb(79, 117, 155)
HSL
hsl(210, 32%, 46%)
Luminance
0.168
Leisure Time #728C91
RGB
rgb(114, 140, 145)
HSL
hsl(190, 12%, 51%)
Luminance
0.244
Greyish Teal #70A094
RGB
rgb(112, 160, 148)
HSL
hsl(165, 20%, 53%)
Luminance
0.307
Dusty Jade Green #6DB39C
RGB
rgb(109, 179, 156)
HSL
hsl(160, 32%, 56%)
Luminance
0.379
Vile Green #92C9B1
RGB
rgb(146, 201, 177)
HSL
hsl(154, 34%, 68%)
Luminance
0.511
Hospital Green #94E2A5
RGB
rgb(148, 226, 165)
HSL
hsl(133, 57%, 73%)
Luminance
0.634
Creamy Mint #A2FAA3
RGB
rgb(162, 250, 163)
HSL
hsl(121, 90%, 81%)
Luminance
0.787

Contrast & accessibility

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

Aa #5D5179 on #A2FAA3 5.74:1 AA
Aa #4F5E85 on #A2FAA3 5.12:1 AA
Aa #5D5179 on #94E2A5 4.69:1 AA
Aa #4F5E85 on #94E2A5 4.18:1 AA Large
Aa #4F759B on #A2FAA3 3.85:1 AA Large
Aa #5D5179 on #92C9B1 3.84:1 AA Large
Aa #4F5E85 on #92C9B1 3.43:1 AA Large
Aa #4F759B on #94E2A5 3.14:1 AA Large
Aa #5D5179 on #6DB39C 2.94:1 Fail
Aa #728C91 on #A2FAA3 2.85:1 Fail
Aa #4F5E85 on #6DB39C 2.62:1 Fail
Aa #4F759B on #92C9B1 2.58:1 Fail
Aa #5D5179 on #70A094 2.45:1 Fail
Aa #70A094 on #A2FAA3 2.34:1 Fail
Aa #728C91 on #94E2A5 2.33:1 Fail
Aa #4F5E85 on #70A094 2.18:1 Fail
Aa #5D5179 on #728C91 2.01:1 Fail
Aa #4F759B on #6DB39C 1.97:1 Fail
Aa #6DB39C on #A2FAA3 1.95:1 Fail
Aa #728C91 on #92C9B1 1.91:1 Fail
Aa #70A094 on #94E2A5 1.91:1 Fail
Aa #4F5E85 on #728C91 1.80:1 Fail
Aa #4F759B on #70A094 1.64:1 Fail
Aa #6DB39C on #94E2A5 1.59:1 Fail
Aa #70A094 on #92C9B1 1.57:1 Fail
Aa #5D5179 on #4F759B 1.49:1 Fail
Aa #92C9B1 on #A2FAA3 1.49:1 Fail
Aa #728C91 on #6DB39C 1.46:1 Fail
Aa #4F759B on #728C91 1.35:1 Fail
Aa #4F5E85 on #4F759B 1.33:1 Fail
Aa #6DB39C on #92C9B1 1.31:1 Fail
Aa #728C91 on #70A094 1.22:1 Fail
Aa #92C9B1 on #94E2A5 1.22:1 Fail
Aa #94E2A5 on #A2FAA3 1.22:1 Fail
Aa #70A094 on #6DB39C 1.20:1 Fail
Aa #5D5179 on #4F5E85 1.12: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