Sign Up Sign Up
Wizards Breath 34

Wizards Breath 34

11-color palette · Cool · Mixed · Triadic harmony

Back to Library

Wizards Breath 34

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

Modify
Muted 11 colors Cool Mixed Triadic
Likes 6
Colors 11

CSS variables

:root {
  --c-muted-1: #354F5A;
  --c-muted-2: #54929E;
  --c-muted-3: #5BC5A6;
  --c-muted-4: #B1FFAD;
  --c-muted-5: #DBFFC4;
  --c-muted-6: #121212;
  --c-muted-7: #FFFFFF;
  --c-muted-8: #9EF53B;
  --c-muted-9: #63C930;
  --c-muted-10: #7C4D3B;
  --c-muted-11: #552D2D;
}

About this palette

This 11-color muted palette runs from White (#FFFFFF) as its lightest tone to Dark Tone Ink (#121212) as its darkest. It blends Aircraft Blue, Sail Cover, Mermaid’s Kiss, Creamy Mint, Herbal Vapours, Dark Tone Ink, White, Kiwi Pulp, Green High, Cheeky Chestnut and Bratwurst into a single set you can drop straight into a UI. Of its 55 color pairings, 21 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #121212 on #FFFFFF at 18.73:1.

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

Color breakdown

Aircraft Blue #354F5A
RGB
rgb(53, 79, 90)
HSL
hsl(198, 26%, 28%)
Luminance
0.071
Sail Cover #54929E
RGB
rgb(84, 146, 158)
HSL
hsl(190, 31%, 47%)
Luminance
0.249
Mermaid’s Kiss #5BC5A6
RGB
rgb(91, 197, 166)
HSL
hsl(162, 48%, 56%)
Luminance
0.449
Creamy Mint #B1FFAD
RGB
rgb(177, 255, 173)
HSL
hsl(117, 100%, 84%)
Luminance
0.839
Herbal Vapours #DBFFC4
RGB
rgb(219, 255, 196)
HSL
hsl(97, 100%, 88%)
Luminance
0.906
Dark Tone Ink #121212
RGB
rgb(18, 18, 18)
HSL
hsl(0, 0%, 7%)
Luminance
0.006
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000
Kiwi Pulp #9EF53B
RGB
rgb(158, 245, 59)
HSL
hsl(88, 90%, 60%)
Luminance
0.729
Green High #63C930
RGB
rgb(99, 201, 48)
HSL
hsl(100, 61%, 49%)
Luminance
0.446
Cheeky Chestnut #7C4D3B
RGB
rgb(124, 77, 59)
HSL
hsl(17, 36%, 36%)
Luminance
0.099
Bratwurst #552D2D
RGB
rgb(85, 45, 45)
HSL
hsl(0, 31%, 25%)
Luminance
0.040

Contrast & accessibility

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

Aa #121212 on #FFFFFF 18.73:1 AAA
Aa #DBFFC4 on #121212 17.05:1 AAA
Aa #B1FFAD on #121212 15.86:1 AAA
Aa #121212 on #9EF53B 13.90:1 AAA
Aa #FFFFFF on #552D2D 11.67:1 AAA
Aa #DBFFC4 on #552D2D 10.62:1 AAA
Aa #B1FFAD on #552D2D 9.88:1 AAA
Aa #5BC5A6 on #121212 8.90:1 AAA
Aa #121212 on #63C930 8.86:1 AAA
Aa #354F5A on #FFFFFF 8.69:1 AAA
Aa #9EF53B on #552D2D 8.66:1 AAA
Aa #354F5A on #DBFFC4 7.91:1 AAA
Aa #354F5A on #B1FFAD 7.35:1 AAA
Aa #FFFFFF on #7C4D3B 7.04:1 AAA
Aa #354F5A on #9EF53B 6.44:1 AA
Aa #DBFFC4 on #7C4D3B 6.41:1 AA
Aa #B1FFAD on #7C4D3B 5.96:1 AA
Aa #5BC5A6 on #552D2D 5.55:1 AA
Aa #63C930 on #552D2D 5.52:1 AA
Aa #54929E on #121212 5.34:1 AA
Aa #9EF53B on #7C4D3B 5.22:1 AA
Aa #354F5A on #5BC5A6 4.13:1 AA Large
Aa #354F5A on #63C930 4.11:1 AA Large
Aa #54929E on #FFFFFF 3.51:1 AA Large
Aa #5BC5A6 on #7C4D3B 3.35:1 AA Large
Aa #63C930 on #7C4D3B 3.33:1 AA Large
Aa #54929E on #552D2D 3.32:1 AA Large
Aa #54929E on #DBFFC4 3.19:1 AA Large
Aa #54929E on #B1FFAD 2.97:1 Fail
Aa #121212 on #7C4D3B 2.66:1 Fail
Aa #54929E on #9EF53B 2.60:1 Fail
Aa #354F5A on #54929E 2.47:1 Fail
Aa #354F5A on #121212 2.16:1 Fail
Aa #FFFFFF on #63C930 2.12:1 Fail
Aa #5BC5A6 on #FFFFFF 2.10:1 Fail
Aa #54929E on #7C4D3B 2.01:1 Fail
Aa #DBFFC4 on #63C930 1.93:1 Fail
Aa #5BC5A6 on #DBFFC4 1.91:1 Fail
Aa #B1FFAD on #63C930 1.79:1 Fail
Aa #5BC5A6 on #B1FFAD 1.78:1 Fail
Aa #54929E on #5BC5A6 1.67:1 Fail
Aa #54929E on #63C930 1.66:1 Fail
Aa #7C4D3B on #552D2D 1.66:1 Fail
Aa #121212 on #552D2D 1.61:1 Fail
Aa #9EF53B on #63C930 1.57:1 Fail
Aa #5BC5A6 on #9EF53B 1.56:1 Fail
Aa #FFFFFF on #9EF53B 1.35:1 Fail
Aa #354F5A on #552D2D 1.34:1 Fail
Aa #354F5A on #7C4D3B 1.23:1 Fail
Aa #DBFFC4 on #9EF53B 1.23:1 Fail
Aa #B1FFAD on #FFFFFF 1.18:1 Fail
Aa #B1FFAD on #9EF53B 1.14:1 Fail
Aa #DBFFC4 on #FFFFFF 1.10:1 Fail
Aa #B1FFAD on #DBFFC4 1.08:1 Fail
Aa #5BC5A6 on #63C930 1.01: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