Criar conta Criar conta
Pwscowden

Pwscowden

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

Voltar à biblioteca

Pwscowden

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

Editar
Terrosa 10 cores Quente Escura Complementar green yellow ocean aqua
Curtidas 15
Cores 10

Variáveis CSS

:root {
  --c-earthy-1: #0F0A0A;
  --c-earthy-2: #0F2021;
  --c-earthy-3: #0F3538;
  --c-earthy-4: #496767;
  --c-earthy-5: #87A19E;
  --c-earthy-6: #FF6600;
  --c-earthy-7: #FF9200;
  --c-earthy-8: #FFBE00;
  --c-earthy-9: #F8E08E;
  --c-earthy-10: #FAFAF0;
}

Sobre esta paleta

Esta paleta terrosa de 10 cores vai de Enoki (#FAFAF0), o tom mais claro, até Stout (#0F0A0A), o mais escuro. Ela reúne Stout, Black Feather, Elite Teal, Walk Me Home, Venus Teal, Safety Orange, Tangerine, Amber, Fresh Yellow e Enoki em um único conjunto que você pode levar direto para uma interface. Dos seus 45 pares de cores, 20 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #0F0A0A sobre #FAFAF0, com 18,72: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

Stout #0F0A0A
RGB
rgb(15, 10, 10)
HSL
hsl(0, 20%, 5%)
Luminância
0,003
Black Feather #0F2021
RGB
rgb(15, 32, 33)
HSL
hsl(183, 38%, 9%)
Luminância
0,012
Elite Teal #0F3538
RGB
rgb(15, 53, 56)
HSL
hsl(184, 58%, 14%)
Luminância
0,029
Walk Me Home #496767
RGB
rgb(73, 103, 103)
HSL
hsl(180, 17%, 35%)
Luminância
0,121
Venus Teal #87A19E
RGB
rgb(135, 161, 158)
HSL
hsl(173, 12%, 58%)
Luminância
0,331
Safety Orange #FF6600
RGB
rgb(255, 102, 0)
HSL
hsl(24, 100%, 50%)
Luminância
0,308
Tangerine #FF9200
RGB
rgb(255, 146, 0)
HSL
hsl(34, 100%, 50%)
Luminância
0,418
Amber #FFBE00
RGB
rgb(255, 190, 0)
HSL
hsl(45, 100%, 50%)
Luminância
0,581
Fresh Yellow #F8E08E
RGB
rgb(248, 224, 142)
HSL
hsl(46, 88%, 76%)
Luminância
0,752
Enoki #FAFAF0
RGB
rgb(250, 250, 240)
HSL
hsl(60, 50%, 96%)
Luminância
0,950

Contraste e acessibilidade

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

Aa #0F0A0A sobre #FAFAF0 18,72:1 AAA
Aa #0F2021 sobre #FAFAF0 16,01:1 AAA
Aa #0F0A0A sobre #F8E08E 15,02:1 AAA
Aa #0F2021 sobre #F8E08E 12,85:1 AAA
Aa #0F3538 sobre #FAFAF0 12,60:1 AAA
Aa #0F0A0A sobre #FFBE00 11,81:1 AAA
Aa #0F3538 sobre #F8E08E 10,11:1 AAA
Aa #0F2021 sobre #FFBE00 10,10:1 AAA
Aa #0F0A0A sobre #FF9200 8,77:1 AAA
Aa #0F3538 sobre #FFBE00 7,95:1 AAA
Aa #0F2021 sobre #FF9200 7,50:1 AAA
Aa #0F0A0A sobre #87A19E 7,14:1 AAA
Aa #0F0A0A sobre #FF6600 6,70:1 AA
Aa #0F2021 sobre #87A19E 6,10:1 AA
Aa #0F3538 sobre #FF9200 5,90:1 AA
Aa #496767 sobre #FAFAF0 5,85:1 AA
Aa #0F2021 sobre #FF6600 5,73:1 AA
Aa #0F3538 sobre #87A19E 4,80:1 AA
Aa #496767 sobre #F8E08E 4,69:1 AA
Aa #0F3538 sobre #FF6600 4,51:1 AA
Aa #496767 sobre #FFBE00 3,69:1 AA, texto grande
Aa #0F0A0A sobre #496767 3,20:1 AA, texto grande
Aa #FF6600 sobre #FAFAF0 2,80:1 Reprovado
Aa #0F2021 sobre #496767 2,74:1 Reprovado
Aa #496767 sobre #FF9200 2,74:1 Reprovado
Aa #87A19E sobre #FAFAF0 2,62:1 Reprovado
Aa #FF6600 sobre #F8E08E 2,24:1 Reprovado
Aa #496767 sobre #87A19E 2,23:1 Reprovado
Aa #0F3538 sobre #496767 2,16:1 Reprovado
Aa #FF9200 sobre #FAFAF0 2,14:1 Reprovado
Aa #87A19E sobre #F8E08E 2,11:1 Reprovado
Aa #496767 sobre #FF6600 2,09:1 Reprovado
Aa #FF6600 sobre #FFBE00 1,76:1 Reprovado
Aa #FF9200 sobre #F8E08E 1,71:1 Reprovado
Aa #87A19E sobre #FFBE00 1,66:1 Reprovado
Aa #FFBE00 sobre #FAFAF0 1,58:1 Reprovado
Aa #0F0A0A sobre #0F3538 1,49:1 Reprovado
Aa #FF9200 sobre #FFBE00 1,35:1 Reprovado
Aa #FF6600 sobre #FF9200 1,31:1 Reprovado
Aa #0F2021 sobre #0F3538 1,27:1 Reprovado
Aa #FFBE00 sobre #F8E08E 1,27:1 Reprovado
Aa #F8E08E sobre #FAFAF0 1,25:1 Reprovado
Aa #87A19E sobre #FF9200 1,23:1 Reprovado
Aa #0F0A0A sobre #0F2021 1,17:1 Reprovado
Aa #87A19E sobre #FF6600 1,07: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