Criar conta Criar conta
Sunfall

Sunfall

Paleta de 10 cores · Fria · Escura · Harmonia: Complementar

Voltar à biblioteca

Sunfall

Paleta de 10 cores · Temperatura: Fria · Tonalidade: Escura · Harmonia: Complementar

Editar
Sóbria 10 cores Fria Escura Complementar orange fire torch torchlight
Curtidas 92
Cores 10

Variáveis CSS

:root {
  --c-muted-1: #000809;
  --c-muted-2: #021423;
  --c-muted-3: #09243B;
  --c-muted-4: #2A415A;
  --c-muted-5: #586279;
  --c-muted-6: #B43B28;
  --c-muted-7: #D45211;
  --c-muted-8: #FF9537;
  --c-muted-9: #FFD4A3;
  --c-muted-10: #FFECD6;
}

Sobre esta paleta

Esta paleta sóbria de 10 cores vai de Crushed Cashew (#FFECD6), o tom mais claro, até Eight Ball (#000809), o mais escuro. Ela reúne Eight Ball, Creeping Death, Celestial Canvas, Blue Tone Ink, Nightly, Bricky Brick, Hot Bolognese, Energy Orange, Sherbet Pop e Crushed Cashew em um único conjunto que você pode levar direto para uma interface. Dos seus 45 pares de cores, 15 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #000809 sobre #FFECD6, com 17,54: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

Eight Ball #000809
RGB
rgb(0, 8, 9)
HSL
hsl(187, 100%, 2%)
Luminância
0,002
Creeping Death #021423
RGB
rgb(2, 20, 35)
HSL
hsl(207, 89%, 7%)
Luminância
0,006
Celestial Canvas #09243B
RGB
rgb(9, 36, 59)
HSL
hsl(208, 74%, 13%)
Luminância
0,016
Blue Tone Ink #2A415A
RGB
rgb(42, 65, 90)
HSL
hsl(211, 36%, 26%)
Luminância
0,050
Nightly #586279
RGB
rgb(88, 98, 121)
HSL
hsl(222, 16%, 41%)
Luminância
0,122
Bricky Brick #B43B28
RGB
rgb(180, 59, 40)
HSL
hsl(8, 64%, 43%)
Luminância
0,130
Hot Bolognese #D45211
RGB
rgb(212, 82, 17)
HSL
hsl(20, 85%, 45%)
Luminância
0,201
Energy Orange #FF9537
RGB
rgb(255, 149, 55)
HSL
hsl(28, 100%, 61%)
Luminância
0,430
Sherbet Pop #FFD4A3
RGB
rgb(255, 212, 163)
HSL
hsl(32, 100%, 82%)
Luminância
0,710
Crushed Cashew #FFECD6
RGB
rgb(255, 236, 214)
HSL
hsl(32, 100%, 92%)
Luminância
0,861

Contraste e acessibilidade

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

Aa #000809 sobre #FFECD6 17,54:1 AAA
Aa #021423 sobre #FFECD6 16,17:1 AAA
Aa #000809 sobre #FFD4A3 14,63:1 AAA
Aa #09243B sobre #FFECD6 13,73:1 AAA
Aa #021423 sobre #FFD4A3 13,49:1 AAA
Aa #09243B sobre #FFD4A3 11,45:1 AAA
Aa #000809 sobre #FF9537 9,25:1 AAA
Aa #2A415A sobre #FFECD6 9,10:1 AAA
Aa #021423 sobre #FF9537 8,52:1 AAA
Aa #2A415A sobre #FFD4A3 7,59:1 AAA
Aa #09243B sobre #FF9537 7,24:1 AAA
Aa #586279 sobre #FFECD6 5,30:1 AA
Aa #B43B28 sobre #FFECD6 5,07:1 AA
Aa #000809 sobre #D45211 4,83:1 AA
Aa #2A415A sobre #FF9537 4,80:1 AA
Aa #021423 sobre #D45211 4,45:1 AA, texto grande
Aa #586279 sobre #FFD4A3 4,42:1 AA, texto grande
Aa #B43B28 sobre #FFD4A3 4,23:1 AA, texto grande
Aa #09243B sobre #D45211 3,78:1 AA, texto grande
Aa #D45211 sobre #FFECD6 3,63:1 AA, texto grande
Aa #000809 sobre #B43B28 3,46:1 AA, texto grande
Aa #000809 sobre #586279 3,31:1 AA, texto grande
Aa #021423 sobre #B43B28 3,19:1 AA, texto grande
Aa #021423 sobre #586279 3,05:1 AA, texto grande
Aa #D45211 sobre #FFD4A3 3,03:1 AA, texto grande
Aa #586279 sobre #FF9537 2,79:1 Reprovado
Aa #09243B sobre #B43B28 2,71:1 Reprovado
Aa #B43B28 sobre #FF9537 2,67:1 Reprovado
Aa #09243B sobre #586279 2,59:1 Reprovado
Aa #2A415A sobre #D45211 2,50:1 Reprovado
Aa #000809 sobre #2A415A 1,93:1 Reprovado
Aa #D45211 sobre #FF9537 1,92:1 Reprovado
Aa #FF9537 sobre #FFECD6 1,90:1 Reprovado
Aa #2A415A sobre #B43B28 1,80:1 Reprovado
Aa #021423 sobre #2A415A 1,78:1 Reprovado
Aa #2A415A sobre #586279 1,72:1 Reprovado
Aa #FF9537 sobre #FFD4A3 1,58:1 Reprovado
Aa #09243B sobre #2A415A 1,51:1 Reprovado
Aa #586279 sobre #D45211 1,46:1 Reprovado
Aa #B43B28 sobre #D45211 1,39:1 Reprovado
Aa #000809 sobre #09243B 1,28:1 Reprovado
Aa #FFD4A3 sobre #FFECD6 1,20:1 Reprovado
Aa #021423 sobre #09243B 1,18:1 Reprovado
Aa #000809 sobre #021423 1,08:1 Reprovado
Aa #586279 sobre #B43B28 1,05: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