Sign Up Sign Up
Blue Memories

Blue Memories

11-color palette · Cool · Mixed · Analogous harmony

Back to Library

Blue Memories

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

Modify
Muted 11 colors Cool Mixed Analogous black blues greens retropalette
Likes 16
Colors 11

CSS variables

:root {
  --c-muted-1: #000000;
  --c-muted-2: #203633;
  --c-muted-3: #04757B;
  --c-muted-4: #1C9987;
  --c-muted-5: #22AB96;
  --c-muted-6: #5FCCAF;
  --c-muted-7: #7FE8B5;
  --c-muted-8: #9DCCC4;
  --c-muted-9: #CED6B5;
  --c-muted-10: #EFE7C3;
  --c-muted-11: #EFB591;
}

About this palette

This 11-color muted palette runs from Fake Blonde (#EFE7C3) as its lightest tone to Black (#000000) as its darkest. It blends Black, Fait Accompli, Scurf Green, Flamboyant Teal, Mermaid Song, Tropical Tide, Jittery Jade, Thermal Aqua, Avocado Whip, Fake Blonde and Chilli Dip into a single set you can drop straight into a UI. Of its 55 color pairings, 14 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #000000 on #EFE7C3 at 16.89:1.

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

Color breakdown

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminance
0.000
Fait Accompli #203633
RGB
rgb(32, 54, 51)
HSL
hsl(172, 26%, 17%)
Luminance
0.032
Scurf Green #04757B
RGB
rgb(4, 117, 123)
HSL
hsl(183, 94%, 25%)
Luminance
0.142
Flamboyant Teal #1C9987
RGB
rgb(28, 153, 135)
HSL
hsl(171, 69%, 35%)
Luminance
0.248
Mermaid Song #22AB96
RGB
rgb(34, 171, 150)
HSL
hsl(171, 67%, 40%)
Luminance
0.317
Tropical Tide #5FCCAF
RGB
rgb(95, 204, 175)
HSL
hsl(164, 52%, 59%)
Luminance
0.487
Jittery Jade #7FE8B5
RGB
rgb(127, 232, 181)
HSL
hsl(151, 70%, 70%)
Luminance
0.656
Thermal Aqua #9DCCC4
RGB
rgb(157, 204, 196)
HSL
hsl(170, 32%, 71%)
Luminance
0.543
Avocado Whip #CED6B5
RGB
rgb(206, 214, 181)
HSL
hsl(75, 29%, 77%)
Luminance
0.646
Fake Blonde #EFE7C3
RGB
rgb(239, 231, 195)
HSL
hsl(49, 58%, 85%)
Luminance
0.794
Chilli Dip #EFB591
RGB
rgb(239, 181, 145)
HSL
hsl(23, 75%, 75%)
Luminance
0.534

Contrast & accessibility

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

Aa #000000 on #EFE7C3 16.89:1 AAA
Aa #000000 on #7FE8B5 14.11:1 AAA
Aa #000000 on #CED6B5 13.91:1 AAA
Aa #000000 on #9DCCC4 11.87:1 AAA
Aa #000000 on #EFB591 11.69:1 AAA
Aa #000000 on #5FCCAF 10.74:1 AAA
Aa #203633 on #EFE7C3 10.32:1 AAA
Aa #203633 on #7FE8B5 8.62:1 AAA
Aa #203633 on #CED6B5 8.50:1 AAA
Aa #000000 on #22AB96 7.33:1 AAA
Aa #203633 on #9DCCC4 7.25:1 AAA
Aa #203633 on #EFB591 7.14:1 AAA
Aa #203633 on #5FCCAF 6.56:1 AA
Aa #000000 on #1C9987 5.96:1 AA
Aa #203633 on #22AB96 4.48:1 AA Large
Aa #04757B on #EFE7C3 4.40:1 AA Large
Aa #000000 on #04757B 3.84:1 AA Large
Aa #04757B on #7FE8B5 3.68:1 AA Large
Aa #203633 on #1C9987 3.64:1 AA Large
Aa #04757B on #CED6B5 3.63:1 AA Large
Aa #04757B on #9DCCC4 3.09:1 AA Large
Aa #04757B on #EFB591 3.05:1 AA Large
Aa #1C9987 on #EFE7C3 2.84:1 Fail
Aa #04757B on #5FCCAF 2.80:1 Fail
Aa #1C9987 on #7FE8B5 2.37:1 Fail
Aa #203633 on #04757B 2.34:1 Fail
Aa #1C9987 on #CED6B5 2.34:1 Fail
Aa #22AB96 on #EFE7C3 2.30:1 Fail
Aa #1C9987 on #9DCCC4 1.99:1 Fail
Aa #1C9987 on #EFB591 1.96:1 Fail
Aa #22AB96 on #7FE8B5 1.92:1 Fail
Aa #04757B on #22AB96 1.91:1 Fail
Aa #22AB96 on #CED6B5 1.90:1 Fail
Aa #1C9987 on #5FCCAF 1.80:1 Fail
Aa #000000 on #203633 1.64:1 Fail
Aa #22AB96 on #9DCCC4 1.62:1 Fail
Aa #22AB96 on #EFB591 1.59:1 Fail
Aa #5FCCAF on #EFE7C3 1.57:1 Fail
Aa #04757B on #1C9987 1.55:1 Fail
Aa #22AB96 on #5FCCAF 1.46:1 Fail
Aa #EFE7C3 on #EFB591 1.44:1 Fail
Aa #9DCCC4 on #EFE7C3 1.42:1 Fail
Aa #5FCCAF on #7FE8B5 1.31:1 Fail
Aa #5FCCAF on #CED6B5 1.29:1 Fail
Aa #1C9987 on #22AB96 1.23:1 Fail
Aa #7FE8B5 on #EFB591 1.21:1 Fail
Aa #CED6B5 on #EFE7C3 1.21:1 Fail
Aa #7FE8B5 on #EFE7C3 1.20:1 Fail
Aa #7FE8B5 on #9DCCC4 1.19:1 Fail
Aa #CED6B5 on #EFB591 1.19:1 Fail
Aa #9DCCC4 on #CED6B5 1.17:1 Fail
Aa #5FCCAF on #9DCCC4 1.10:1 Fail
Aa #5FCCAF on #EFB591 1.09:1 Fail
Aa #9DCCC4 on #EFB591 1.02:1 Fail
Aa #7FE8B5 on #CED6B5 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