Criar conta Criar conta
Strange Fantasy

Strange Fantasy

Paleta de 9 cores · Fria · Escura · Harmonia: Análoga

Voltar à biblioteca

Strange Fantasy

Paleta de 9 cores · Temperatura: Fria · Tonalidade: Escura · Harmonia: Análoga

Editar
Sóbria 9 cores Fria Escura Análoga simple fantasy gloomy
Curtidas 19
Cores 9

Variáveis CSS

:root {
  --c-muted-1: #0E0D1E;
  --c-muted-2: #0E0C23;
  --c-muted-3: #141227;
  --c-muted-4: #222034;
  --c-muted-5: #302E49;
  --c-muted-6: #0E3D2A;
  --c-muted-7: #275241;
  --c-muted-8: #4B8A71;
  --c-muted-9: #41BE8C;
}

Sobre esta paleta

Esta paleta sóbria de 9 cores vai de Aragon Green (#41BE8C), o tom mais claro, até Tristesse (#0E0D1E), o mais escuro. Ela reúne Tristesse, Corbeau, Black Velvet, Black Blueberry, Mizukaze Green, Fresh Mint, Molly Robins e Aragon Green em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 9 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #0E0D1E sobre #41BE8C, com 8,19: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

Tristesse #0E0D1E
RGB
rgb(14, 13, 30)
HSL
hsl(244, 40%, 8%)
Luminância
0,005
Tristesse #0E0C23
RGB
rgb(14, 12, 35)
HSL
hsl(245, 49%, 9%)
Luminância
0,005
Corbeau #141227
RGB
rgb(20, 18, 39)
HSL
hsl(246, 37%, 11%)
Luminância
0,007
Black Velvet #222034
RGB
rgb(34, 32, 52)
HSL
hsl(246, 24%, 16%)
Luminância
0,016
Black Blueberry #302E49
RGB
rgb(48, 46, 73)
HSL
hsl(244, 23%, 23%)
Luminância
0,031
Mizukaze Green #0E3D2A
RGB
rgb(14, 61, 42)
HSL
hsl(156, 63%, 15%)
Luminância
0,036
Fresh Mint #275241
RGB
rgb(39, 82, 65)
HSL
hsl(156, 36%, 24%)
Luminância
0,069
Molly Robins #4B8A71
RGB
rgb(75, 138, 113)
HSL
hsl(156, 30%, 42%)
Luminância
0,209
Aragon Green #41BE8C
RGB
rgb(65, 190, 140)
HSL
hsl(156, 49%, 50%)
Luminância
0,398

Contraste e acessibilidade

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

Aa #0E0D1E sobre #41BE8C 8,19:1 AAA
Aa #0E0C23 sobre #41BE8C 8,19:1 AAA
Aa #141227 sobre #41BE8C 7,83:1 AAA
Aa #222034 sobre #41BE8C 6,77:1 AA
Aa #302E49 sobre #41BE8C 5,56:1 AA
Aa #0E3D2A sobre #41BE8C 5,22:1 AA
Aa #0E0D1E sobre #4B8A71 4,72:1 AA
Aa #0E0C23 sobre #4B8A71 4,72:1 AA
Aa #141227 sobre #4B8A71 4,52:1 AA
Aa #222034 sobre #4B8A71 3,91:1 AA, texto grande
Aa #275241 sobre #41BE8C 3,79:1 AA, texto grande
Aa #302E49 sobre #4B8A71 3,21:1 AA, texto grande
Aa #0E3D2A sobre #4B8A71 3,01:1 AA, texto grande
Aa #275241 sobre #4B8A71 2,18:1 Reprovado
Aa #0E0D1E sobre #275241 2,16:1 Reprovado
Aa #0E0C23 sobre #275241 2,16:1 Reprovado
Aa #141227 sobre #275241 2,07:1 Reprovado
Aa #222034 sobre #275241 1,79:1 Reprovado
Aa #4B8A71 sobre #41BE8C 1,73:1 Reprovado
Aa #0E0D1E sobre #0E3D2A 1,57:1 Reprovado
Aa #0E0C23 sobre #0E3D2A 1,57:1 Reprovado
Aa #141227 sobre #0E3D2A 1,50:1 Reprovado
Aa #0E0D1E sobre #302E49 1,47:1 Reprovado
Aa #0E0C23 sobre #302E49 1,47:1 Reprovado
Aa #302E49 sobre #275241 1,47:1 Reprovado
Aa #141227 sobre #302E49 1,41:1 Reprovado
Aa #0E3D2A sobre #275241 1,38:1 Reprovado
Aa #222034 sobre #0E3D2A 1,30:1 Reprovado
Aa #222034 sobre #302E49 1,22:1 Reprovado
Aa #0E0D1E sobre #222034 1,21:1 Reprovado
Aa #0E0C23 sobre #222034 1,21:1 Reprovado
Aa #141227 sobre #222034 1,16:1 Reprovado
Aa #302E49 sobre #0E3D2A 1,07:1 Reprovado
Aa #0E0D1E sobre #141227 1,05:1 Reprovado
Aa #0E0C23 sobre #141227 1,05:1 Reprovado
Aa #0E0D1E sobre #0E0C23 1,00:1 Reprovado

Paletas semelhantes

#212121 #323232 #0D7377 #14FFEC
4 cores
#0A2647 #144272 #205295 #2C74B3
4 cores
#040D12 #183D3D #5C8374 #93B1A6
4 cores
#142850 #27496D #0C7B93 #00A8CC
4 cores
#635985 #443C68 #393053 #18122B
4 cores
#000000 #150050 #3F0071 #610094
4 cores
#151515 #301B3F #3C415C #B4A5A5
4 cores
#041C32 #04293A #064663 #ECB365
4 cores