Criar conta Criar conta
Retro Space

Retro Space

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

Voltar à biblioteca

Retro Space

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

Editar
Terrosa 11 cores Fria Mista Complementar space retro
Curtidas 25
Cores 11

Variáveis CSS

:root {
  --c-earthy-1: #77A6A9;
  --c-earthy-2: #56787A;
  --c-earthy-3: #618FAD;
  --c-earthy-4: #45657A;
  --c-earthy-5: #333333;
  --c-earthy-6: #E1CCAD;
  --c-earthy-7: #C24D3F;
  --c-earthy-8: #963C31;
  --c-earthy-9: #EBB8A4;
  --c-earthy-10: #BA8B79;
  --c-earthy-11: #D9C380;
}

Sobre esta paleta

Esta paleta terrosa de 11 cores vai de Sundew (#E1CCAD), o tom mais claro, até Carbon (#333333), o mais escuro. Ela reúne Cresting Waves, Blue Sage, Alpha Tango, Noshime Flower, Carbon, Sundew, Sweet Baby Rose, Vermilion Seabass, Pink Abalone, Tuscany e Germania em um único conjunto que você pode levar direto para uma interface. Dos seus 55 pares de cores, 5 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #333333 sobre #E1CCAD, com 8,09: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

Cresting Waves #77A6A9
RGB
rgb(119, 166, 169)
HSL
hsl(184, 23%, 56%)
Luminância
0,341
Blue Sage #56787A
RGB
rgb(86, 120, 122)
HSL
hsl(183, 17%, 41%)
Luminância
0,168
Alpha Tango #618FAD
RGB
rgb(97, 143, 173)
HSL
hsl(204, 32%, 53%)
Luminância
0,252
Noshime Flower #45657A
RGB
rgb(69, 101, 122)
HSL
hsl(204, 28%, 37%)
Luminância
0,120
Carbon #333333
RGB
rgb(51, 51, 51)
HSL
hsl(0, 0%, 20%)
Luminância
0,033
Sundew #E1CCAD
RGB
rgb(225, 204, 173)
HSL
hsl(36, 46%, 78%)
Luminância
0,622
Sweet Baby Rose #C24D3F
RGB
rgb(194, 77, 63)
HSL
hsl(6, 52%, 50%)
Luminância
0,171
Vermilion Seabass #963C31
RGB
rgb(150, 60, 49)
HSL
hsl(7, 51%, 39%)
Luminância
0,099
Pink Abalone #EBB8A4
RGB
rgb(235, 184, 164)
HSL
hsl(17, 64%, 78%)
Luminância
0,546
Tuscany #BA8B79
RGB
rgb(186, 139, 121)
HSL
hsl(17, 32%, 60%)
Luminância
0,303
Germania #D9C380
RGB
rgb(217, 195, 128)
HSL
hsl(45, 54%, 68%)
Luminância
0,553

Contraste e acessibilidade

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

Aa #333333 sobre #E1CCAD 8,09:1 AAA
Aa #333333 sobre #D9C380 7,26:1 AAA
Aa #333333 sobre #EBB8A4 7,17:1 AAA
Aa #77A6A9 sobre #333333 4,70:1 AA
Aa #E1CCAD sobre #963C31 4,50:1 AA
Aa #333333 sobre #BA8B79 4,25:1 AA, texto grande
Aa #963C31 sobre #D9C380 4,04:1 AA, texto grande
Aa #963C31 sobre #EBB8A4 3,99:1 AA, texto grande
Aa #45657A sobre #E1CCAD 3,96:1 AA, texto grande
Aa #618FAD sobre #333333 3,63:1 AA, texto grande
Aa #45657A sobre #D9C380 3,55:1 AA, texto grande
Aa #45657A sobre #EBB8A4 3,51:1 AA, texto grande
Aa #56787A sobre #E1CCAD 3,08:1 AA, texto grande
Aa #E1CCAD sobre #C24D3F 3,04:1 AA, texto grande
Aa #56787A sobre #D9C380 2,77:1 Reprovado
Aa #56787A sobre #EBB8A4 2,73:1 Reprovado
Aa #C24D3F sobre #D9C380 2,73:1 Reprovado
Aa #C24D3F sobre #EBB8A4 2,69:1 Reprovado
Aa #333333 sobre #C24D3F 2,66:1 Reprovado
Aa #56787A sobre #333333 2,63:1 Reprovado
Aa #77A6A9 sobre #963C31 2,61:1 Reprovado
Aa #963C31 sobre #BA8B79 2,36:1 Reprovado
Aa #77A6A9 sobre #45657A 2,30:1 Reprovado
Aa #618FAD sobre #E1CCAD 2,23:1 Reprovado
Aa #45657A sobre #BA8B79 2,08:1 Reprovado
Aa #45657A sobre #333333 2,04:1 Reprovado
Aa #618FAD sobre #963C31 2,02:1 Reprovado
Aa #618FAD sobre #D9C380 2,00:1 Reprovado
Aa #618FAD sobre #EBB8A4 1,97:1 Reprovado
Aa #E1CCAD sobre #BA8B79 1,90:1 Reprovado
Aa #333333 sobre #963C31 1,80:1 Reprovado
Aa #77A6A9 sobre #56787A 1,79:1 Reprovado
Aa #618FAD sobre #45657A 1,78:1 Reprovado
Aa #77A6A9 sobre #C24D3F 1,76:1 Reprovado
Aa #77A6A9 sobre #E1CCAD 1,72:1 Reprovado
Aa #BA8B79 sobre #D9C380 1,71:1 Reprovado
Aa #EBB8A4 sobre #BA8B79 1,69:1 Reprovado
Aa #56787A sobre #BA8B79 1,62:1 Reprovado
Aa #C24D3F sobre #BA8B79 1,59:1 Reprovado
Aa #77A6A9 sobre #D9C380 1,54:1 Reprovado
Aa #77A6A9 sobre #EBB8A4 1,53:1 Reprovado
Aa #C24D3F sobre #963C31 1,48:1 Reprovado
Aa #56787A sobre #963C31 1,46:1 Reprovado
Aa #56787A sobre #618FAD 1,38:1 Reprovado
Aa #618FAD sobre #C24D3F 1,36:1 Reprovado
Aa #45657A sobre #C24D3F 1,30:1 Reprovado
Aa #77A6A9 sobre #618FAD 1,29:1 Reprovado
Aa #56787A sobre #45657A 1,29:1 Reprovado
Aa #618FAD sobre #BA8B79 1,17:1 Reprovado
Aa #45657A sobre #963C31 1,14:1 Reprovado
Aa #E1CCAD sobre #EBB8A4 1,13:1 Reprovado
Aa #77A6A9 sobre #BA8B79 1,11:1 Reprovado
Aa #E1CCAD sobre #D9C380 1,11:1 Reprovado
Aa #56787A sobre #C24D3F 1,01:1 Reprovado
Aa #EBB8A4 sobre #D9C380 1,01: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