Sign Up Sign Up
Mystic Forest

Mystic Forest

7-color palette · Cool · Mixed · Complementary harmony

Back to Library

Mystic Forest

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

Modify
Muted 7 colors Cool Mixed Complementary 7 colors forest colours
Likes 32
Colors 7

CSS variables

:root {
  --c-muted-1: #023C40;
  --c-muted-2: #885053;
  --c-muted-3: #6B7FD7;
  --c-muted-4: #9DACFF;
  --c-muted-5: #94C9A9;
  --c-muted-6: #C6ECAE;
  --c-muted-7: #EDEDF4;
}

About this palette

This 7-color muted palette runs from Silver Phoenix (#EDEDF4) as its lightest tone to Rich Black (#023C40) as its darkest. It blends Rich Black, Roan Rouge, Tanzine, Widowmaker, Peppermint Spray, Imbued With Mint and Silver Phoenix into a single set you can drop straight into a UI. Of its 21 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #023C40 on #EDEDF4 at 10.46:1.

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

Color breakdown

Rich Black #023C40
RGB
rgb(2, 60, 64)
HSL
hsl(184, 94%, 13%)
Luminance
0.036
Roan Rouge #885053
RGB
rgb(136, 80, 83)
HSL
hsl(357, 26%, 42%)
Luminance
0.116
Tanzine #6B7FD7
RGB
rgb(107, 127, 215)
HSL
hsl(229, 57%, 63%)
Luminance
0.232
Widowmaker #9DACFF
RGB
rgb(157, 172, 255)
HSL
hsl(231, 100%, 81%)
Luminance
0.439
Peppermint Spray #94C9A9
RGB
rgb(148, 201, 169)
HSL
hsl(144, 33%, 68%)
Luminance
0.509
Imbued With Mint #C6ECAE
RGB
rgb(198, 236, 174)
HSL
hsl(97, 62%, 80%)
Luminance
0.751
Silver Phoenix #EDEDF4
RGB
rgb(237, 237, 244)
HSL
hsl(240, 24%, 94%)
Luminance
0.851

Contrast & accessibility

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

Aa #023C40 on #EDEDF4 10.46:1 AAA
Aa #023C40 on #C6ECAE 9.29:1 AAA
Aa #023C40 on #94C9A9 6.49:1 AA
Aa #023C40 on #9DACFF 5.68:1 AA
Aa #885053 on #EDEDF4 5.43:1 AA
Aa #885053 on #C6ECAE 4.82:1 AA
Aa #885053 on #94C9A9 3.37:1 AA Large
Aa #023C40 on #6B7FD7 3.27:1 AA Large
Aa #6B7FD7 on #EDEDF4 3.19:1 AA Large
Aa #885053 on #9DACFF 2.95:1 Fail
Aa #6B7FD7 on #C6ECAE 2.84:1 Fail
Aa #6B7FD7 on #94C9A9 1.98:1 Fail
Aa #023C40 on #885053 1.93:1 Fail
Aa #9DACFF on #EDEDF4 1.84:1 Fail
Aa #6B7FD7 on #9DACFF 1.73:1 Fail
Aa #885053 on #6B7FD7 1.70:1 Fail
Aa #9DACFF on #C6ECAE 1.64:1 Fail
Aa #94C9A9 on #EDEDF4 1.61:1 Fail
Aa #94C9A9 on #C6ECAE 1.43:1 Fail
Aa #9DACFF on #94C9A9 1.14:1 Fail
Aa #C6ECAE on #EDEDF4 1.13: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