Criar conta Criar conta
DUMPTRUCK 12

DUMPTRUCK 12

Paleta de 12 cores · Fria · Mista · Harmonia: Complementar

Voltar à biblioteca

DUMPTRUCK 12

Paleta de 12 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Complementar

Editar
Terrosa 12 cores Fria Mista Complementar cyan fydotiles highcontrast rust
Curtidas 15
Cores 12

Variáveis CSS

:root {
  --c-earthy-1: #2DD7C9;
  --c-earthy-2: #0074B7;
  --c-earthy-3: #4C3380;
  --c-earthy-4: #3E002E;
  --c-earthy-5: #110000;
  --c-earthy-6: #4F4F4F;
  --c-earthy-7: #9E9E9E;
  --c-earthy-8: #F0F0F0;
  --c-earthy-9: #FFD170;
  --c-earthy-10: #C97636;
  --c-earthy-11: #A14D3F;
  --c-earthy-12: #82674A;
}

Sobre esta paleta

Esta paleta terrosa de 12 cores vai de Snowflake (#F0F0F0), o tom mais claro, até Dark Matter (#110000), o mais escuro. Ela reúne Turquoise Panic, Biloxi Blue, Galactic Compass, Dark Sanctuary, Dark Matter, Black Oak, Mortar Grey, Snowflake, Banana Bread, October, Arabian Red e Twilight Jungle em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 18 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #110000 sobre #F0F0F0, com 18: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

Turquoise Panic #2DD7C9
RGB
rgb(45, 215, 201)
HSL
hsl(175, 68%, 51%)
Luminância
0,534
Biloxi Blue #0074B7
RGB
rgb(0, 116, 183)
HSL
hsl(202, 100%, 36%)
Luminância
0,159
Galactic Compass #4C3380
RGB
rgb(76, 51, 128)
HSL
hsl(259, 43%, 35%)
Luminância
0,055
Dark Sanctuary #3E002E
RGB
rgb(62, 0, 46)
HSL
hsl(315, 100%, 12%)
Luminância
0,012
Dark Matter #110000
RGB
rgb(17, 0, 0)
HSL
hsl(0, 100%, 3%)
Luminância
0,001
Black Oak #4F4F4F
RGB
rgb(79, 79, 79)
HSL
hsl(0, 0%, 31%)
Luminância
0,078
Mortar Grey #9E9E9E
RGB
rgb(158, 158, 158)
HSL
hsl(0, 0%, 62%)
Luminância
0,342
Snowflake #F0F0F0
RGB
rgb(240, 240, 240)
HSL
hsl(0, 0%, 94%)
Luminância
0,871
Banana Bread #FFD170
RGB
rgb(255, 209, 112)
HSL
hsl(41, 100%, 72%)
Luminância
0,680
October #C97636
RGB
rgb(201, 118, 54)
HSL
hsl(26, 58%, 50%)
Luminância
0,256
Arabian Red #A14D3F
RGB
rgb(161, 77, 63)
HSL
hsl(9, 44%, 44%)
Luminância
0,132
Twilight Jungle #82674A
RGB
rgb(130, 103, 74)
HSL
hsl(31, 27%, 40%)
Luminância
0,149

Contraste e acessibilidade

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

Aa #110000 sobre #F0F0F0 18,00:1 AAA
Aa #3E002E sobre #F0F0F0 14,81:1 AAA
Aa #110000 sobre #FFD170 14,27:1 AAA
Aa #3E002E sobre #FFD170 11,74:1 AAA
Aa #2DD7C9 sobre #110000 11,40:1 AAA
Aa #2DD7C9 sobre #3E002E 9,38:1 AAA
Aa #4C3380 sobre #F0F0F0 8,81:1 AAA
Aa #110000 sobre #9E9E9E 7,66:1 AAA
Aa #4F4F4F sobre #F0F0F0 7,19:1 AAA
Aa #4C3380 sobre #FFD170 6,98:1 AA
Aa #3E002E sobre #9E9E9E 6,30:1 AA
Aa #110000 sobre #C97636 5,99:1 AA
Aa #4F4F4F sobre #FFD170 5,70:1 AA
Aa #2DD7C9 sobre #4C3380 5,58:1 AA
Aa #F0F0F0 sobre #A14D3F 5,05:1 AA
Aa #3E002E sobre #C97636 4,93:1 AA
Aa #F0F0F0 sobre #82674A 4,62:1 AA
Aa #2DD7C9 sobre #4F4F4F 4,55:1 AA
Aa #0074B7 sobre #F0F0F0 4,41:1 AA, texto grande
Aa #0074B7 sobre #110000 4,08:1 AA, texto grande
Aa #FFD170 sobre #A14D3F 4,00:1 AA, texto grande
Aa #110000 sobre #82674A 3,90:1 AA, texto grande
Aa #4C3380 sobre #9E9E9E 3,75:1 AA, texto grande
Aa #FFD170 sobre #82674A 3,66:1 AA, texto grande
Aa #110000 sobre #A14D3F 3,56:1 AA, texto grande
Aa #0074B7 sobre #FFD170 3,49:1 AA, texto grande
Aa #0074B7 sobre #3E002E 3,36:1 AA, texto grande
Aa #3E002E sobre #82674A 3,21:1 AA, texto grande
Aa #2DD7C9 sobre #A14D3F 3,20:1 AA, texto grande
Aa #4F4F4F sobre #9E9E9E 3,06:1 AA, texto grande
Aa #F0F0F0 sobre #C97636 3,01:1 AA, texto grande
Aa #2DD7C9 sobre #82674A 2,93:1 Reprovado
Aa #4C3380 sobre #C97636 2,93:1 Reprovado
Aa #3E002E sobre #A14D3F 2,93:1 Reprovado
Aa #2DD7C9 sobre #0074B7 2,79:1 Reprovado
Aa #110000 sobre #4F4F4F 2,50:1 Reprovado
Aa #4F4F4F sobre #C97636 2,39:1 Reprovado
Aa #FFD170 sobre #C97636 2,38:1 Reprovado
Aa #9E9E9E sobre #F0F0F0 2,35:1 Reprovado
Aa #9E9E9E sobre #A14D3F 2,15:1 Reprovado
Aa #3E002E sobre #4F4F4F 2,06:1 Reprovado
Aa #4C3380 sobre #110000 2,04:1 Reprovado
Aa #0074B7 sobre #4C3380 2,00:1 Reprovado
Aa #9E9E9E sobre #82674A 1,97:1 Reprovado
Aa #2DD7C9 sobre #C97636 1,91:1 Reprovado
Aa #4C3380 sobre #82674A 1,91:1 Reprovado
Aa #0074B7 sobre #9E9E9E 1,87:1 Reprovado
Aa #9E9E9E sobre #FFD170 1,86:1 Reprovado
Aa #4C3380 sobre #A14D3F 1,74:1 Reprovado
Aa #4C3380 sobre #3E002E 1,68:1 Reprovado
Aa #C97636 sobre #A14D3F 1,68:1 Reprovado
Aa #0074B7 sobre #4F4F4F 1,63:1 Reprovado
Aa #2DD7C9 sobre #F0F0F0 1,58:1 Reprovado
Aa #4F4F4F sobre #82674A 1,56:1 Reprovado
Aa #C97636 sobre #82674A 1,54:1 Reprovado
Aa #2DD7C9 sobre #9E9E9E 1,49:1 Reprovado
Aa #0074B7 sobre #C97636 1,47:1 Reprovado
Aa #4F4F4F sobre #A14D3F 1,42:1 Reprovado
Aa #9E9E9E sobre #C97636 1,28:1 Reprovado
Aa #F0F0F0 sobre #FFD170 1,26:1 Reprovado
Aa #2DD7C9 sobre #FFD170 1,25:1 Reprovado
Aa #4C3380 sobre #4F4F4F 1,23:1 Reprovado
Aa #3E002E sobre #110000 1,22:1 Reprovado
Aa #0074B7 sobre #A14D3F 1,15:1 Reprovado
Aa #A14D3F sobre #82674A 1,09:1 Reprovado
Aa #0074B7 sobre #82674A 1,05:1 Reprovado

Paletas semelhantes

#222831 #393E46 #00ADB5 #EEEEEE
4 cores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 cores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 cores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 cores
#27374D #526D82 #9DB2BF #DDE6ED
4 cores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 cores
#E4F9F5 #30E3CA #11999E #40514E
4 cores
#F0F5F9 #C9D6DF #52616B #1E2022
4 cores