Criar conta Criar conta
Ponder

Ponder

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

Voltar à biblioteca

Ponder

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

Editar
Terrosa 11 cores Fria Mista Complementar ponder orb meme
Curtidas 52
Cores 11

Variáveis CSS

:root {
  --c-earthy-1: #342020;
  --c-earthy-2: #6D505E;
  --c-earthy-3: #985A78;
  --c-earthy-4: #847DB5;
  --c-earthy-5: #69B1D6;
  --c-earthy-6: #94C6E1;
  --c-earthy-7: #D1F7FF;
  --c-earthy-8: #FFFFFF;
  --c-earthy-9: #83DBFD;
  --c-earthy-10: #2AA5C1;
  --c-earthy-11: #1B6071;
}

Sobre esta paleta

Esta paleta terrosa de 11 cores vai de White (#FFFFFF), o tom mais claro, até Hornblende (#342020), o mais escuro. Ela reúne Hornblende, Dynamic, Rose Wine, Murex, Skyscape, Caribbean Coast, Pale Blue, White, Tranquil Pool, Gulf Waters e Deep Blue Sea em um único conjunto que você pode levar direto para uma interface. Dos seus 55 pares de cores, 14 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #342020 sobre #FFFFFF, com 15,29: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

Hornblende #342020
RGB
rgb(52, 32, 32)
HSL
hsl(0, 24%, 16%)
Luminância
0,019
Dynamic #6D505E
RGB
rgb(109, 80, 94)
HSL
hsl(331, 15%, 37%)
Luminância
0,098
Rose Wine #985A78
RGB
rgb(152, 90, 120)
HSL
hsl(331, 26%, 47%)
Luminância
0,153
Murex #847DB5
RGB
rgb(132, 125, 181)
HSL
hsl(248, 27%, 60%)
Luminância
0,229
Skyscape #69B1D6
RGB
rgb(105, 177, 214)
HSL
hsl(200, 57%, 63%)
Luminância
0,393
Caribbean Coast #94C6E1
RGB
rgb(148, 198, 225)
HSL
hsl(201, 56%, 73%)
Luminância
0,521
Pale Blue #D1F7FF
RGB
rgb(209, 247, 255)
HSL
hsl(190, 100%, 91%)
Luminância
0,873
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminância
1,000
Tranquil Pool #83DBFD
RGB
rgb(131, 219, 253)
HSL
hsl(197, 97%, 75%)
Luminância
0,626
Gulf Waters #2AA5C1
RGB
rgb(42, 165, 193)
HSL
hsl(191, 64%, 46%)
Luminância
0,313
Deep Blue Sea #1B6071
RGB
rgb(27, 96, 113)
HSL
hsl(192, 61%, 27%)
Luminância
0,098

Contraste e acessibilidade

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

Aa #342020 sobre #FFFFFF 15,29:1 AAA
Aa #342020 sobre #D1F7FF 13,44:1 AAA
Aa #342020 sobre #83DBFD 9,84:1 AAA
Aa #342020 sobre #94C6E1 8,32:1 AAA
Aa #6D505E sobre #FFFFFF 7,10:1 AAA
Aa #FFFFFF sobre #1B6071 7,10:1 AAA
Aa #342020 sobre #69B1D6 6,45:1 AA
Aa #6D505E sobre #D1F7FF 6,24:1 AA
Aa #D1F7FF sobre #1B6071 6,24:1 AA
Aa #342020 sobre #2AA5C1 5,28:1 AA
Aa #985A78 sobre #FFFFFF 5,16:1 AA
Aa #6D505E sobre #83DBFD 4,57:1 AA
Aa #83DBFD sobre #1B6071 4,57:1 AA
Aa #985A78 sobre #D1F7FF 4,54:1 AA
Aa #342020 sobre #847DB5 4,06:1 AA, texto grande
Aa #6D505E sobre #94C6E1 3,86:1 AA, texto grande
Aa #94C6E1 sobre #1B6071 3,86:1 AA, texto grande
Aa #847DB5 sobre #FFFFFF 3,76:1 AA, texto grande
Aa #985A78 sobre #83DBFD 3,32:1 AA, texto grande
Aa #847DB5 sobre #D1F7FF 3,31:1 AA, texto grande
Aa #69B1D6 sobre #1B6071 3,00:1 AA, texto grande
Aa #6D505E sobre #69B1D6 2,99:1 Reprovado
Aa #342020 sobre #985A78 2,96:1 Reprovado
Aa #FFFFFF sobre #2AA5C1 2,90:1 Reprovado
Aa #985A78 sobre #94C6E1 2,81:1 Reprovado
Aa #D1F7FF sobre #2AA5C1 2,55:1 Reprovado
Aa #6D505E sobre #2AA5C1 2,45:1 Reprovado
Aa #2AA5C1 sobre #1B6071 2,45:1 Reprovado
Aa #847DB5 sobre #83DBFD 2,42:1 Reprovado
Aa #69B1D6 sobre #FFFFFF 2,37:1 Reprovado
Aa #985A78 sobre #69B1D6 2,18:1 Reprovado
Aa #342020 sobre #6D505E 2,15:1 Reprovado
Aa #342020 sobre #1B6071 2,15:1 Reprovado
Aa #69B1D6 sobre #D1F7FF 2,08:1 Reprovado
Aa #847DB5 sobre #94C6E1 2,05:1 Reprovado
Aa #6D505E sobre #847DB5 1,89:1 Reprovado
Aa #847DB5 sobre #1B6071 1,89:1 Reprovado
Aa #83DBFD sobre #2AA5C1 1,86:1 Reprovado
Aa #94C6E1 sobre #FFFFFF 1,84:1 Reprovado
Aa #985A78 sobre #2AA5C1 1,78:1 Reprovado
Aa #94C6E1 sobre #D1F7FF 1,62:1 Reprovado
Aa #847DB5 sobre #69B1D6 1,59:1 Reprovado
Aa #94C6E1 sobre #2AA5C1 1,58:1 Reprovado
Aa #FFFFFF sobre #83DBFD 1,55:1 Reprovado
Aa #69B1D6 sobre #83DBFD 1,53:1 Reprovado
Aa #985A78 sobre #1B6071 1,38:1 Reprovado
Aa #6D505E sobre #985A78 1,37:1 Reprovado
Aa #985A78 sobre #847DB5 1,37:1 Reprovado
Aa #D1F7FF sobre #83DBFD 1,37:1 Reprovado
Aa #847DB5 sobre #2AA5C1 1,30:1 Reprovado
Aa #69B1D6 sobre #94C6E1 1,29:1 Reprovado
Aa #69B1D6 sobre #2AA5C1 1,22:1 Reprovado
Aa #94C6E1 sobre #83DBFD 1,18:1 Reprovado
Aa #D1F7FF sobre #FFFFFF 1,14:1 Reprovado
Aa #6D505E sobre #1B6071 1,00: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