Criar conta Criar conta
Cataclysm 10

Cataclysm 10

Paleta de 10 cores · Quente · Escura · Harmonia: Triádica

Voltar à biblioteca

Cataclysm 10

Paleta de 10 cores · Temperatura: Quente · Tonalidade: Escura · Harmonia: Triádica

Editar
Terrosa 10 cores Quente Escura Triádica artist starlane
Curtidas 32
Cores 10

Variáveis CSS

:root {
  --c-earthy-1: #F1A37C;
  --c-earthy-2: #E64A43;
  --c-earthy-3: #BD1A2A;
  --c-earthy-4: #760A32;
  --c-earthy-5: #340A2A;
  --c-earthy-6: #170E22;
  --c-earthy-7: #2C242B;
  --c-earthy-8: #684954;
  --c-earthy-9: #B1817D;
  --c-earthy-10: #D5BAA2;
}

Sobre esta paleta

Esta paleta terrosa de 10 cores vai de Nutty Beige (#D5BAA2), o tom mais claro, até Corbeau (#170E22), o mais escuro. Ela reúne Coral Silk, Furious Piñata, Ruby Shard, Deep Claret, Globe Thistle, Corbeau, Black Onyx, Mixed Berry Jam, Night Rose e Nutty Beige em um único conjunto que você pode levar direto para uma interface. Dos seus 45 pares de cores, 12 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #170E22 sobre #D5BAA2, com 10,13: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

Coral Silk #F1A37C
RGB
rgb(241, 163, 124)
HSL
hsl(20, 81%, 72%)
Luminância
0,464
Furious Piñata #E64A43
RGB
rgb(230, 74, 67)
HSL
hsl(3, 77%, 58%)
Luminância
0,221
Ruby Shard #BD1A2A
RGB
rgb(189, 26, 42)
HSL
hsl(354, 76%, 42%)
Luminância
0,117
Deep Claret #760A32
RGB
rgb(118, 10, 50)
HSL
hsl(338, 84%, 25%)
Luminância
0,043
Globe Thistle #340A2A
RGB
rgb(52, 10, 42)
HSL
hsl(314, 68%, 12%)
Luminância
0,011
Corbeau #170E22
RGB
rgb(23, 14, 34)
HSL
hsl(267, 42%, 9%)
Luminância
0,006
Black Onyx #2C242B
RGB
rgb(44, 36, 43)
HSL
hsl(308, 10%, 16%)
Luminância
0,020
Mixed Berry Jam #684954
RGB
rgb(104, 73, 84)
HSL
hsl(339, 18%, 35%)
Luminância
0,084
Night Rose #B1817D
RGB
rgb(177, 129, 125)
HSL
hsl(5, 25%, 59%)
Luminância
0,265
Nutty Beige #D5BAA2
RGB
rgb(213, 186, 162)
HSL
hsl(28, 38%, 74%)
Luminância
0,519

Contraste e acessibilidade

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

Aa #170E22 sobre #D5BAA2 10,13:1 AAA
Aa #340A2A sobre #D5BAA2 9,30:1 AAA
Aa #F1A37C sobre #170E22 9,15:1 AAA
Aa #F1A37C sobre #340A2A 8,40:1 AAA
Aa #2C242B sobre #D5BAA2 8,16:1 AAA
Aa #F1A37C sobre #2C242B 7,37:1 AAA
Aa #760A32 sobre #D5BAA2 6,12:1 AA
Aa #170E22 sobre #B1817D 5,62:1 AA
Aa #F1A37C sobre #760A32 5,52:1 AA
Aa #340A2A sobre #B1817D 5,16:1 AA
Aa #E64A43 sobre #170E22 4,83:1 AA
Aa #2C242B sobre #B1817D 4,52:1 AA
Aa #E64A43 sobre #340A2A 4,44:1 AA, texto grande
Aa #684954 sobre #D5BAA2 4,26:1 AA, texto grande
Aa #E64A43 sobre #2C242B 3,89:1 AA, texto grande
Aa #F1A37C sobre #684954 3,85:1 AA, texto grande
Aa #BD1A2A sobre #D5BAA2 3,40:1 AA, texto grande
Aa #760A32 sobre #B1817D 3,39:1 AA, texto grande
Aa #F1A37C sobre #BD1A2A 3,07:1 AA, texto grande
Aa #BD1A2A sobre #170E22 2,98:1 Reprovado
Aa #E64A43 sobre #760A32 2,92:1 Reprovado
Aa #BD1A2A sobre #340A2A 2,74:1 Reprovado
Aa #BD1A2A sobre #2C242B 2,40:1 Reprovado
Aa #170E22 sobre #684954 2,38:1 Reprovado
Aa #684954 sobre #B1817D 2,36:1 Reprovado
Aa #340A2A sobre #684954 2,18:1 Reprovado
Aa #E64A43 sobre #D5BAA2 2,10:1 Reprovado
Aa #E64A43 sobre #684954 2,03:1 Reprovado
Aa #2C242B sobre #684954 1,91:1 Reprovado
Aa #F1A37C sobre #E64A43 1,89:1 Reprovado
Aa #BD1A2A sobre #B1817D 1,89:1 Reprovado
Aa #BD1A2A sobre #760A32 1,80:1 Reprovado
Aa #B1817D sobre #D5BAA2 1,80:1 Reprovado
Aa #760A32 sobre #170E22 1,66:1 Reprovado
Aa #F1A37C sobre #B1817D 1,63:1 Reprovado
Aa #E64A43 sobre #BD1A2A 1,62:1 Reprovado
Aa #760A32 sobre #340A2A 1,52:1 Reprovado
Aa #760A32 sobre #684954 1,44:1 Reprovado
Aa #760A32 sobre #2C242B 1,33:1 Reprovado
Aa #BD1A2A sobre #684954 1,25:1 Reprovado
Aa #170E22 sobre #2C242B 1,24:1 Reprovado
Aa #E64A43 sobre #B1817D 1,16:1 Reprovado
Aa #340A2A sobre #2C242B 1,14:1 Reprovado
Aa #F1A37C sobre #D5BAA2 1,11:1 Reprovado
Aa #340A2A sobre #170E22 1,09:1 Reprovado

Paletas semelhantes

#000000 #3D0000 #950101 #FF0000
4 cores
#E23E57 #88304E #522546 #311D3F
4 cores
#FF204E #A0153E #5D0E41 #00224D
4 cores
#030637 #3C0753 #720455 #910A67
4 cores
#1C0A00 #361500 #603601 #CC9544
4 cores
#252525 #FF0000 #AF0404 #414141
4 cores
#362222 #171010 #423F3E #2B2B2B
4 cores
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 cores