Criar conta Criar conta
Permafrost12

Permafrost12

Paleta de 12 cores · Fria · Clara · Harmonia: Análoga

Voltar à biblioteca

Permafrost12

Paleta de 12 cores · Temperatura: Fria · Tonalidade: Clara · Harmonia: Análoga

Editar
Sóbria 12 cores Fria Clara Análoga snow winter coolcolors
Curtidas 34
Cores 12

Variáveis CSS

: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;
}

Sobre esta paleta

Esta paleta sóbria de 12 cores vai de Melting Glacier (#E9F8F8), o tom mais claro, até Passionate Blue (#243169), o mais escuro. Ela reúne Frozen Blue, Light Blue Sloth, Tibetan Sky, Melting Glacier, Passionate Blue, Starstruck, Blue Marble, Bobby Blue, Emerson, Carlisle, Teal Bayou e Maritime Soft Blue em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 11 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #E9F8F8 sobre #243169, com 11,2:1.

Uma paleta versátil para páginas de marketing, blocos hero de produtos, ilustrações e estados de destaque na interface.

Análise das cores

Frozen Blue #A8C3D8
RGB
rgb(168, 195, 216)
HSL
hsl(206, 38%, 75%)
Luminância
0,523
Light Blue Sloth #C6DEE5
RGB
rgb(198, 222, 229)
HSL
hsl(194, 37%, 84%)
Luminância
0,699
Tibetan Sky #DAEAEB
RGB
rgb(218, 234, 235)
HSL
hsl(184, 30%, 89%)
Luminância
0,798
Melting Glacier #E9F8F8
RGB
rgb(233, 248, 248)
HSL
hsl(180, 52%, 94%)
Luminância
0,912
Passionate Blue #243169
RGB
rgb(36, 49, 105)
HSL
hsl(229, 49%, 28%)
Luminância
0,036
Starstruck #4666A3
RGB
rgb(70, 102, 163)
HSL
hsl(219, 40%, 46%)
Luminância
0,135
Blue Marble #6A93BE
RGB
rgb(106, 147, 190)
HSL
hsl(211, 39%, 58%)
Luminância
0,277
Bobby Blue #98C5DE
RGB
rgb(152, 197, 222)
HSL
hsl(201, 51%, 73%)
Luminância
0,519
Emerson #3D6257
RGB
rgb(61, 98, 87)
HSL
hsl(162, 23%, 31%)
Luminância
0,104
Carlisle #49837A
RGB
rgb(73, 131, 122)
HSL
hsl(171, 28%, 40%)
Luminância
0,191
Teal Bayou #54A39E
RGB
rgb(84, 163, 158)
HSL
hsl(176, 32%, 48%)
Luminância
0,306
Maritime Soft Blue #68B7BE
RGB
rgb(104, 183, 190)
HSL
hsl(185, 40%, 58%)
Luminância
0,405

Contraste e acessibilidade

11 de 66 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.

Aa #E9F8F8 sobre #243169 11,20:1 AAA
Aa #DAEAEB sobre #243169 9,86:1 AAA
Aa #C6DEE5 sobre #243169 8,72:1 AAA
Aa #A8C3D8 sobre #243169 6,67:1 AA
Aa #243169 sobre #98C5DE 6,62:1 AA
Aa #E9F8F8 sobre #3D6257 6,24:1 AA
Aa #DAEAEB sobre #3D6257 5,50:1 AA
Aa #243169 sobre #68B7BE 5,30:1 AA
Aa #E9F8F8 sobre #4666A3 5,22:1 AA
Aa #C6DEE5 sobre #3D6257 4,86:1 AA
Aa #DAEAEB sobre #4666A3 4,59:1 AA
Aa #243169 sobre #54A39E 4,14:1 AA, texto grande
Aa #C6DEE5 sobre #4666A3 4,06:1 AA, texto grande
Aa #E9F8F8 sobre #49837A 4,00:1 AA, texto grande
Aa #243169 sobre #6A93BE 3,80:1 AA, texto grande
Aa #A8C3D8 sobre #3D6257 3,72:1 AA, texto grande
Aa #98C5DE sobre #3D6257 3,69:1 AA, texto grande
Aa #DAEAEB sobre #49837A 3,52:1 AA, texto grande
Aa #A8C3D8 sobre #4666A3 3,11:1 AA, texto grande
Aa #C6DEE5 sobre #49837A 3,11:1 AA, texto grande
Aa #4666A3 sobre #98C5DE 3,08:1 AA, texto grande
Aa #E9F8F8 sobre #6A93BE 2,95:1 Reprovado
Aa #3D6257 sobre #68B7BE 2,95:1 Reprovado
Aa #243169 sobre #49837A 2,80:1 Reprovado
Aa #E9F8F8 sobre #54A39E 2,71:1 Reprovado
Aa #DAEAEB sobre #6A93BE 2,60:1 Reprovado
Aa #4666A3 sobre #68B7BE 2,47:1 Reprovado
Aa #A8C3D8 sobre #49837A 2,38:1 Reprovado
Aa #DAEAEB sobre #54A39E 2,38:1 Reprovado
Aa #98C5DE sobre #49837A 2,36:1 Reprovado
Aa #3D6257 sobre #54A39E 2,31:1 Reprovado
Aa #C6DEE5 sobre #6A93BE 2,29:1 Reprovado
Aa #243169 sobre #4666A3 2,15:1 Reprovado
Aa #6A93BE sobre #3D6257 2,12:1 Reprovado
Aa #C6DEE5 sobre #54A39E 2,11:1 Reprovado
Aa #E9F8F8 sobre #68B7BE 2,11:1 Reprovado
Aa #4666A3 sobre #54A39E 1,93:1 Reprovado
Aa #49837A sobre #68B7BE 1,89:1 Reprovado
Aa #DAEAEB sobre #68B7BE 1,86:1 Reprovado
Aa #243169 sobre #3D6257 1,79:1 Reprovado
Aa #4666A3 sobre #6A93BE 1,77:1 Reprovado
Aa #A8C3D8 sobre #6A93BE 1,76:1 Reprovado
Aa #6A93BE sobre #98C5DE 1,74:1 Reprovado
Aa #E9F8F8 sobre #98C5DE 1,69:1 Reprovado
Aa #A8C3D8 sobre #E9F8F8 1,68:1 Reprovado
Aa #C6DEE5 sobre #68B7BE 1,65:1 Reprovado
Aa #A8C3D8 sobre #54A39E 1,61:1 Reprovado
Aa #98C5DE sobre #54A39E 1,60:1 Reprovado
Aa #3D6257 sobre #49837A 1,56:1 Reprovado
Aa #DAEAEB sobre #98C5DE 1,49:1 Reprovado
Aa #A8C3D8 sobre #DAEAEB 1,48:1 Reprovado
Aa #49837A sobre #54A39E 1,48:1 Reprovado
Aa #6A93BE sobre #68B7BE 1,39:1 Reprovado
Aa #6A93BE sobre #49837A 1,36:1 Reprovado
Aa #C6DEE5 sobre #98C5DE 1,32:1 Reprovado
Aa #A8C3D8 sobre #C6DEE5 1,31:1 Reprovado
Aa #4666A3 sobre #49837A 1,30:1 Reprovado
Aa #C6DEE5 sobre #E9F8F8 1,28:1 Reprovado
Aa #54A39E sobre #68B7BE 1,28:1 Reprovado
Aa #A8C3D8 sobre #68B7BE 1,26:1 Reprovado
Aa #98C5DE sobre #68B7BE 1,25:1 Reprovado
Aa #4666A3 sobre #3D6257 1,20:1 Reprovado
Aa #DAEAEB sobre #E9F8F8 1,14:1 Reprovado
Aa #C6DEE5 sobre #DAEAEB 1,13:1 Reprovado
Aa #6A93BE sobre #54A39E 1,09:1 Reprovado
Aa #A8C3D8 sobre #98C5DE 1,01:1 Reprovado

Paletas semelhantes

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