Criar conta Criar conta
Calm Sunset

Calm Sunset

Paleta de 7 cores · Quente · Clara · Harmonia: Triádica

Voltar à biblioteca

Calm Sunset

Paleta de 7 cores · Temperatura: Quente · Tonalidade: Clara · Harmonia: Triádica

Editar
Vibrante 7 cores Quente Clara Triádica sky clouds sunset calm
Curtidas 570
Cores 7

Variáveis CSS

:root {
  --c-vibrant-1: #684971;
  --c-vibrant-2: #A06389;
  --c-vibrant-3: #CB7CA2;
  --c-vibrant-4: #E1AEA4;
  --c-vibrant-5: #F9D8A1;
  --c-vibrant-6: #FFECB2;
  --c-vibrant-7: #FFFCF1;
}

Sobre esta paleta

Esta paleta vibrante de 7 cores vai de Granulated Sugar (#FFFCF1), o tom mais claro, até Clary (#684971), o mais escuro. Ela reúne Clary, Raspberry Jelly Red, Heartbreaker, Pale Blush, Milky Maize, Dear Melissa e Granulated Sugar em um único conjunto que você pode levar direto para uma interface. Dos seus 21 pares de cores, 3 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #684971 sobre #FFFCF1, com 7,35: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

Clary #684971
RGB
rgb(104, 73, 113)
HSL
hsl(287, 22%, 36%)
Luminância
0,089
Raspberry Jelly Red #A06389
RGB
rgb(160, 99, 137)
HSL
hsl(323, 24%, 51%)
Luminância
0,182
Heartbreaker #CB7CA2
RGB
rgb(203, 124, 162)
HSL
hsl(331, 43%, 64%)
Luminância
0,297
Pale Blush #E1AEA4
RGB
rgb(225, 174, 164)
HSL
hsl(10, 50%, 76%)
Luminância
0,490
Milky Maize #F9D8A1
RGB
rgb(249, 216, 161)
HSL
hsl(38, 88%, 80%)
Luminância
0,718
Dear Melissa #FFECB2
RGB
rgb(255, 236, 178)
HSL
hsl(45, 100%, 85%)
Luminância
0,845
Granulated Sugar #FFFCF1
RGB
rgb(255, 252, 241)
HSL
hsl(47, 100%, 97%)
Luminância
0,972

Contraste e acessibilidade

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

Aa #684971 sobre #FFFCF1 7,35:1 AAA
Aa #684971 sobre #FFECB2 6,44:1 AA
Aa #684971 sobre #F9D8A1 5,53:1 AA
Aa #A06389 sobre #FFFCF1 4,41:1 AA, texto grande
Aa #684971 sobre #E1AEA4 3,88:1 AA, texto grande
Aa #A06389 sobre #FFECB2 3,86:1 AA, texto grande
Aa #A06389 sobre #F9D8A1 3,31:1 AA, texto grande
Aa #CB7CA2 sobre #FFFCF1 2,94:1 Reprovado
Aa #CB7CA2 sobre #FFECB2 2,58:1 Reprovado
Aa #684971 sobre #CB7CA2 2,50:1 Reprovado
Aa #A06389 sobre #E1AEA4 2,33:1 Reprovado
Aa #CB7CA2 sobre #F9D8A1 2,21:1 Reprovado
Aa #E1AEA4 sobre #FFFCF1 1,89:1 Reprovado
Aa #684971 sobre #A06389 1,67:1 Reprovado
Aa #E1AEA4 sobre #FFECB2 1,66:1 Reprovado
Aa #CB7CA2 sobre #E1AEA4 1,55:1 Reprovado
Aa #A06389 sobre #CB7CA2 1,50:1 Reprovado
Aa #E1AEA4 sobre #F9D8A1 1,42:1 Reprovado
Aa #F9D8A1 sobre #FFFCF1 1,33:1 Reprovado
Aa #F9D8A1 sobre #FFECB2 1,16:1 Reprovado
Aa #FFECB2 sobre #FFFCF1 1,14:1 Reprovado

Paletas semelhantes

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 cores
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 cores
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 cores
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 cores
#F38181 #FCE38A #EAFFD0 #95E1D3
4 cores
#B7C4CF #EEE3CB #D7C0AE #967E76
4 cores
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 cores
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 cores