Criar conta Criar conta
Shimmering Sunset

Shimmering Sunset

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

Voltar à biblioteca

Shimmering Sunset

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

Editar
Terrosa 12 cores Quente Clara Triádica sunset desaturated cozy 12
Curtidas 61
Cores 12

Variáveis CSS

:root {
  --c-earthy-1: #FACFCF;
  --c-earthy-2: #F2ADC9;
  --c-earthy-3: #C795C1;
  --c-earthy-4: #9A7AA1;
  --c-earthy-5: #6F6682;
  --c-earthy-6: #4D5363;
  --c-earthy-7: #FFE58F;
  --c-earthy-8: #FAB47E;
  --c-earthy-9: #EE9292;
  --c-earthy-10: #BD84A5;
  --c-earthy-11: #BCB7F4;
  --c-earthy-12: #9D90DA;
}

Sobre esta paleta

Esta paleta terrosa de 12 cores vai de Swallowtail (#FFE58F), o tom mais claro, até Mystical Shade (#4D5363), o mais escuro. Ela reúne Fading Rose, Rose Mallow, Pomtini, Divine, Hyacinth Arbour, Mystical Shade, Swallowtail, Baltic Amber, Dishy Coral, Opera Mauve, Purple Illusion e Middy’s Purple em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 2 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #4D5363 sobre #FFE58F, com 6,17:1.

Tons naturais e sóbrios — combinam com marcas sustentáveis e orgânicas, cafeterias, equipamentos para atividades ao ar livre e tipografia editorial acolhedora.

Análise das cores

Fading Rose #FACFCF
RGB
rgb(250, 207, 207)
HSL
hsl(0, 81%, 90%)
Luminância
0,695
Rose Mallow #F2ADC9
RGB
rgb(242, 173, 201)
HSL
hsl(336, 73%, 81%)
Luminância
0,530
Pomtini #C795C1
RGB
rgb(199, 149, 193)
HSL
hsl(307, 31%, 68%)
Luminância
0,375
Divine #9A7AA1
RGB
rgb(154, 122, 161)
HSL
hsl(289, 17%, 55%)
Luminância
0,234
Hyacinth Arbour #6F6682
RGB
rgb(111, 102, 130)
HSL
hsl(259, 12%, 45%)
Luminância
0,145
Mystical Shade #4D5363
RGB
rgb(77, 83, 99)
HSL
hsl(224, 13%, 35%)
Luminância
0,087
Swallowtail #FFE58F
RGB
rgb(255, 229, 143)
HSL
hsl(46, 100%, 78%)
Luminância
0,793
Baltic Amber #FAB47E
RGB
rgb(250, 180, 126)
HSL
hsl(26, 93%, 74%)
Luminância
0,545
Dishy Coral #EE9292
RGB
rgb(238, 146, 146)
HSL
hsl(0, 73%, 75%)
Luminância
0,408
Opera Mauve #BD84A5
RGB
rgb(189, 132, 165)
HSL
hsl(325, 30%, 63%)
Luminância
0,300
Purple Illusion #BCB7F4
RGB
rgb(188, 183, 244)
HSL
hsl(245, 73%, 84%)
Luminância
0,511
Middy’s Purple #9D90DA
RGB
rgb(157, 144, 218)
HSL
hsl(251, 50%, 71%)
Luminância
0,322

Contraste e acessibilidade

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

Aa #4D5363 sobre #FFE58F 6,17:1 AA
Aa #FACFCF sobre #4D5363 5,45:1 AA
Aa #4D5363 sobre #FAB47E 4,35:1 AA, texto grande
Aa #6F6682 sobre #FFE58F 4,32:1 AA, texto grande
Aa #F2ADC9 sobre #4D5363 4,24:1 AA, texto grande
Aa #4D5363 sobre #BCB7F4 4,10:1 AA, texto grande
Aa #FACFCF sobre #6F6682 3,82:1 AA, texto grande
Aa #4D5363 sobre #EE9292 3,35:1 AA, texto grande
Aa #C795C1 sobre #4D5363 3,11:1 AA, texto grande
Aa #6F6682 sobre #FAB47E 3,05:1 AA, texto grande
Aa #F2ADC9 sobre #6F6682 2,97:1 Reprovado
Aa #9A7AA1 sobre #FFE58F 2,97:1 Reprovado
Aa #6F6682 sobre #BCB7F4 2,88:1 Reprovado
Aa #4D5363 sobre #9D90DA 2,72:1 Reprovado
Aa #FACFCF sobre #9A7AA1 2,63:1 Reprovado
Aa #4D5363 sobre #BD84A5 2,56:1 Reprovado
Aa #FFE58F sobre #BD84A5 2,41:1 Reprovado
Aa #6F6682 sobre #EE9292 2,35:1 Reprovado
Aa #FFE58F sobre #9D90DA 2,27:1 Reprovado
Aa #C795C1 sobre #6F6682 2,18:1 Reprovado
Aa #FACFCF sobre #BD84A5 2,12:1 Reprovado
Aa #9A7AA1 sobre #FAB47E 2,10:1 Reprovado
Aa #9A7AA1 sobre #4D5363 2,08:1 Reprovado
Aa #F2ADC9 sobre #9A7AA1 2,04:1 Reprovado
Aa #FACFCF sobre #9D90DA 2,00:1 Reprovado
Aa #C795C1 sobre #FFE58F 1,98:1 Reprovado
Aa #9A7AA1 sobre #BCB7F4 1,98:1 Reprovado
Aa #6F6682 sobre #9D90DA 1,91:1 Reprovado
Aa #FFE58F sobre #EE9292 1,84:1 Reprovado
Aa #6F6682 sobre #BD84A5 1,80:1 Reprovado
Aa #FACFCF sobre #C795C1 1,75:1 Reprovado
Aa #FAB47E sobre #BD84A5 1,70:1 Reprovado
Aa #F2ADC9 sobre #BD84A5 1,65:1 Reprovado
Aa #FACFCF sobre #EE9292 1,63:1 Reprovado
Aa #9A7AA1 sobre #EE9292 1,62:1 Reprovado
Aa #FAB47E sobre #9D90DA 1,60:1 Reprovado
Aa #BD84A5 sobre #BCB7F4 1,60:1 Reprovado
Aa #F2ADC9 sobre #9D90DA 1,56:1 Reprovado
Aa #BCB7F4 sobre #9D90DA 1,51:1 Reprovado
Aa #C795C1 sobre #9A7AA1 1,50:1 Reprovado
Aa #FFE58F sobre #BCB7F4 1,50:1 Reprovado
Aa #F2ADC9 sobre #FFE58F 1,45:1 Reprovado
Aa #9A7AA1 sobre #6F6682 1,45:1 Reprovado
Aa #6F6682 sobre #4D5363 1,43:1 Reprovado
Aa #FFE58F sobre #FAB47E 1,42:1 Reprovado
Aa #C795C1 sobre #FAB47E 1,40:1 Reprovado
Aa #F2ADC9 sobre #C795C1 1,36:1 Reprovado
Aa #FACFCF sobre #BCB7F4 1,33:1 Reprovado
Aa #C795C1 sobre #BCB7F4 1,32:1 Reprovado
Aa #9A7AA1 sobre #9D90DA 1,31:1 Reprovado
Aa #EE9292 sobre #BD84A5 1,31:1 Reprovado
Aa #FAB47E sobre #EE9292 1,30:1 Reprovado
Aa #FACFCF sobre #F2ADC9 1,28:1 Reprovado
Aa #F2ADC9 sobre #EE9292 1,27:1 Reprovado
Aa #FACFCF sobre #FAB47E 1,25:1 Reprovado
Aa #9A7AA1 sobre #BD84A5 1,24:1 Reprovado
Aa #EE9292 sobre #9D90DA 1,23:1 Reprovado
Aa #EE9292 sobre #BCB7F4 1,22:1 Reprovado
Aa #C795C1 sobre #BD84A5 1,21:1 Reprovado
Aa #C795C1 sobre #9D90DA 1,14:1 Reprovado
Aa #FACFCF sobre #FFE58F 1,13:1 Reprovado
Aa #C795C1 sobre #EE9292 1,08:1 Reprovado
Aa #FAB47E sobre #BCB7F4 1,06:1 Reprovado
Aa #BD84A5 sobre #9D90DA 1,06:1 Reprovado
Aa #F2ADC9 sobre #FAB47E 1,03:1 Reprovado
Aa #F2ADC9 sobre #BCB7F4 1,03: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