Sign Up Sign Up
Permafrost12

Permafrost12

12-color palette · Cool · Light · Analogous harmony

Back to Library

Permafrost12

12-color palette · Cool temperature · Light tone · Analogous harmony

Modify
Muted 12 colors Cool Light Analogous snow winter coolcolors
Likes 34
Colors 12

CSS variables

:root {
  --c-muted-1: #A8C3D8;
  --c-muted-2: #C6DEE5;
  --c-muted-3: #DAEAEB;
  --c-muted-4: #E9F8F8;
  --c-muted-5: #243169;
  --c-muted-6: #4666A3;
  --c-muted-7: #6A93BE;
  --c-muted-8: #98C5DE;
  --c-muted-9: #3D6257;
  --c-muted-10: #49837A;
  --c-muted-11: #54A39E;
  --c-muted-12: #68B7BE;
}

About this palette

This 12-color muted palette runs from Melting Glacier (#E9F8F8) as its lightest tone to Passionate Blue (#243169) as its darkest. It blends Frozen Blue, Light Blue Sloth, Tibetan Sky, Melting Glacier, Passionate Blue, Starstruck, Blue Marble, Bobby Blue, Emerson, Carlisle, Teal Bayou and Maritime Soft Blue into a single set you can drop straight into a UI. Of its 66 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #E9F8F8 on #243169 at 11.2:1.

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

Color breakdown

Frozen Blue #A8C3D8
RGB
rgb(168, 195, 216)
HSL
hsl(206, 38%, 75%)
Luminance
0.523
Light Blue Sloth #C6DEE5
RGB
rgb(198, 222, 229)
HSL
hsl(194, 37%, 84%)
Luminance
0.699
Tibetan Sky #DAEAEB
RGB
rgb(218, 234, 235)
HSL
hsl(184, 30%, 89%)
Luminance
0.798
Melting Glacier #E9F8F8
RGB
rgb(233, 248, 248)
HSL
hsl(180, 52%, 94%)
Luminance
0.912
Passionate Blue #243169
RGB
rgb(36, 49, 105)
HSL
hsl(229, 49%, 28%)
Luminance
0.036
Starstruck #4666A3
RGB
rgb(70, 102, 163)
HSL
hsl(219, 40%, 46%)
Luminance
0.135
Blue Marble #6A93BE
RGB
rgb(106, 147, 190)
HSL
hsl(211, 39%, 58%)
Luminance
0.277
Bobby Blue #98C5DE
RGB
rgb(152, 197, 222)
HSL
hsl(201, 51%, 73%)
Luminance
0.519
Emerson #3D6257
RGB
rgb(61, 98, 87)
HSL
hsl(162, 23%, 31%)
Luminance
0.104
Carlisle #49837A
RGB
rgb(73, 131, 122)
HSL
hsl(171, 28%, 40%)
Luminance
0.191
Teal Bayou #54A39E
RGB
rgb(84, 163, 158)
HSL
hsl(176, 32%, 48%)
Luminance
0.306
Maritime Soft Blue #68B7BE
RGB
rgb(104, 183, 190)
HSL
hsl(185, 40%, 58%)
Luminance
0.405

Contrast & accessibility

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

Aa #E9F8F8 on #243169 11.20:1 AAA
Aa #DAEAEB on #243169 9.86:1 AAA
Aa #C6DEE5 on #243169 8.72:1 AAA
Aa #A8C3D8 on #243169 6.67:1 AA
Aa #243169 on #98C5DE 6.62:1 AA
Aa #E9F8F8 on #3D6257 6.24:1 AA
Aa #DAEAEB on #3D6257 5.50:1 AA
Aa #243169 on #68B7BE 5.30:1 AA
Aa #E9F8F8 on #4666A3 5.22:1 AA
Aa #C6DEE5 on #3D6257 4.86:1 AA
Aa #DAEAEB on #4666A3 4.59:1 AA
Aa #243169 on #54A39E 4.14:1 AA Large
Aa #C6DEE5 on #4666A3 4.06:1 AA Large
Aa #E9F8F8 on #49837A 4.00:1 AA Large
Aa #243169 on #6A93BE 3.80:1 AA Large
Aa #A8C3D8 on #3D6257 3.72:1 AA Large
Aa #98C5DE on #3D6257 3.69:1 AA Large
Aa #DAEAEB on #49837A 3.52:1 AA Large
Aa #A8C3D8 on #4666A3 3.11:1 AA Large
Aa #C6DEE5 on #49837A 3.11:1 AA Large
Aa #4666A3 on #98C5DE 3.08:1 AA Large
Aa #E9F8F8 on #6A93BE 2.95:1 Fail
Aa #3D6257 on #68B7BE 2.95:1 Fail
Aa #243169 on #49837A 2.80:1 Fail
Aa #E9F8F8 on #54A39E 2.71:1 Fail
Aa #DAEAEB on #6A93BE 2.60:1 Fail
Aa #4666A3 on #68B7BE 2.47:1 Fail
Aa #A8C3D8 on #49837A 2.38:1 Fail
Aa #DAEAEB on #54A39E 2.38:1 Fail
Aa #98C5DE on #49837A 2.36:1 Fail
Aa #3D6257 on #54A39E 2.31:1 Fail
Aa #C6DEE5 on #6A93BE 2.29:1 Fail
Aa #243169 on #4666A3 2.15:1 Fail
Aa #6A93BE on #3D6257 2.12:1 Fail
Aa #C6DEE5 on #54A39E 2.11:1 Fail
Aa #E9F8F8 on #68B7BE 2.11:1 Fail
Aa #4666A3 on #54A39E 1.93:1 Fail
Aa #49837A on #68B7BE 1.89:1 Fail
Aa #DAEAEB on #68B7BE 1.86:1 Fail
Aa #243169 on #3D6257 1.79:1 Fail
Aa #4666A3 on #6A93BE 1.77:1 Fail
Aa #A8C3D8 on #6A93BE 1.76:1 Fail
Aa #6A93BE on #98C5DE 1.74:1 Fail
Aa #E9F8F8 on #98C5DE 1.69:1 Fail
Aa #A8C3D8 on #E9F8F8 1.68:1 Fail
Aa #C6DEE5 on #68B7BE 1.65:1 Fail
Aa #A8C3D8 on #54A39E 1.61:1 Fail
Aa #98C5DE on #54A39E 1.60:1 Fail
Aa #3D6257 on #49837A 1.56:1 Fail
Aa #DAEAEB on #98C5DE 1.49:1 Fail
Aa #A8C3D8 on #DAEAEB 1.48:1 Fail
Aa #49837A on #54A39E 1.48:1 Fail
Aa #6A93BE on #68B7BE 1.39:1 Fail
Aa #6A93BE on #49837A 1.36:1 Fail
Aa #C6DEE5 on #98C5DE 1.32:1 Fail
Aa #A8C3D8 on #C6DEE5 1.31:1 Fail
Aa #4666A3 on #49837A 1.30:1 Fail
Aa #C6DEE5 on #E9F8F8 1.28:1 Fail
Aa #54A39E on #68B7BE 1.28:1 Fail
Aa #A8C3D8 on #68B7BE 1.26:1 Fail
Aa #98C5DE on #68B7BE 1.25:1 Fail
Aa #4666A3 on #3D6257 1.20:1 Fail
Aa #DAEAEB on #E9F8F8 1.14:1 Fail
Aa #C6DEE5 on #DAEAEB 1.13:1 Fail
Aa #6A93BE on #54A39E 1.09:1 Fail
Aa #A8C3D8 on #98C5DE 1.01:1 Fail

Similar palettes

#E3FDFD #CBF1F5 #A6E3E9 #71C9CE
4 colors
#F4EEFF #DCD6F7 #A6B1E1 #424874
4 colors
#B1B2FF #AAC4FF #D2DAFF #EEF1FF
4 colors
#6096B4 #93BFCF #BDCDD6 #EEE9DA
4 colors
#A8D8EA #AA96DA #FCBAD3 #FFFFD2
4 colors
#DEFCF9 #CADEFC #C3BEF0 #CCA8E9
4 colors
#F7FBFC #D6E6F2 #B9D7EA #769FCD
4 colors
#C4DFDF #D2E9E9 #E3F4F4 #F8F6F4
4 colors