Criar conta Criar conta
Sorbet Special

Sorbet Special

Paleta de 12 cores · Quente · Mista · Harmonia: Triádica

Voltar à biblioteca

Sorbet Special

Paleta de 12 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Triádica

Editar
Terrosa 12 cores Quente Mista Triádica purple yellow bright icecream
Curtidas 122
Cores 12

Variáveis CSS

:root {
  --c-earthy-1: #332233;
  --c-earthy-2: #554466;
  --c-earthy-3: #996688;
  --c-earthy-4: #CC9988;
  --c-earthy-5: #CC9966;
  --c-earthy-6: #AA6677;
  --c-earthy-7: #776677;
  --c-earthy-8: #AA9988;
  --c-earthy-9: #DDCC99;
  --c-earthy-10: #88AA77;
  --c-earthy-11: #667788;
  --c-earthy-12: #88AA99;
}

Sobre esta paleta

Esta paleta terrosa de 12 cores vai de Desert Temple (#DDCC99), o tom mais claro, até Zero Gravity (#332233), o mais escuro. Ela reúne Zero Gravity, Nightly Walk, Garden Aroma, Calliope, Oak Buff, Apple II Rose, Purple Suede, Diversion, Desert Temple, Lush Fields, Space Convoy e Pale Willow em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 7 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #332233 sobre #DDCC99, com 9,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

Zero Gravity #332233
RGB
rgb(51, 34, 51)
HSL
hsl(300, 20%, 17%)
Luminância
0,021
Nightly Walk #554466
RGB
rgb(85, 68, 102)
HSL
hsl(270, 20%, 33%)
Luminância
0,070
Garden Aroma #996688
RGB
rgb(153, 102, 136)
HSL
hsl(320, 20%, 50%)
Luminância
0,181
Calliope #CC9988
RGB
rgb(204, 153, 136)
HSL
hsl(15, 40%, 67%)
Luminância
0,374
Oak Buff #CC9966
RGB
rgb(204, 153, 102)
HSL
hsl(30, 50%, 60%)
Luminância
0,366
Apple II Rose #AA6677
RGB
rgb(170, 102, 119)
HSL
hsl(345, 29%, 53%)
Luminância
0,194
Purple Suede #776677
RGB
rgb(119, 102, 119)
HSL
hsl(300, 8%, 43%)
Luminância
0,148
Diversion #AA9988
RGB
rgb(170, 153, 136)
HSL
hsl(30, 17%, 60%)
Luminância
0,331
Desert Temple #DDCC99
RGB
rgb(221, 204, 153)
HSL
hsl(45, 50%, 73%)
Luminância
0,609
Lush Fields #88AA77
RGB
rgb(136, 170, 119)
HSL
hsl(100, 23%, 57%)
Luminância
0,353
Space Convoy #667788
RGB
rgb(102, 119, 136)
HSL
hsl(210, 14%, 47%)
Luminância
0,178
Pale Willow #88AA99
RGB
rgb(136, 170, 153)
HSL
hsl(150, 17%, 60%)
Luminância
0,363

Contraste e acessibilidade

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

Aa #332233 sobre #DDCC99 9,29:1 AAA
Aa #332233 sobre #CC9988 5,98:1 AA
Aa #332233 sobre #CC9966 5,87:1 AA
Aa #332233 sobre #88AA99 5,83:1 AA
Aa #332233 sobre #88AA77 5,69:1 AA
Aa #554466 sobre #DDCC99 5,48:1 AA
Aa #332233 sobre #AA9988 5,38:1 AA
Aa #554466 sobre #CC9988 3,53:1 AA, texto grande
Aa #554466 sobre #CC9966 3,46:1 AA, texto grande
Aa #332233 sobre #AA6677 3,44:1 AA, texto grande
Aa #554466 sobre #88AA99 3,43:1 AA, texto grande
Aa #554466 sobre #88AA77 3,35:1 AA, texto grande
Aa #776677 sobre #DDCC99 3,33:1 AA, texto grande
Aa #332233 sobre #996688 3,25:1 AA, texto grande
Aa #332233 sobre #667788 3,22:1 AA, texto grande
Aa #554466 sobre #AA9988 3,17:1 AA, texto grande
Aa #DDCC99 sobre #667788 2,89:1 Reprovado
Aa #996688 sobre #DDCC99 2,86:1 Reprovado
Aa #332233 sobre #776677 2,79:1 Reprovado
Aa #AA6677 sobre #DDCC99 2,70:1 Reprovado
Aa #CC9988 sobre #776677 2,15:1 Reprovado
Aa #CC9966 sobre #776677 2,10:1 Reprovado
Aa #776677 sobre #88AA99 2,09:1 Reprovado
Aa #776677 sobre #88AA77 2,04:1 Reprovado
Aa #554466 sobre #AA6677 2,03:1 Reprovado
Aa #776677 sobre #AA9988 1,93:1 Reprovado
Aa #554466 sobre #996688 1,92:1 Reprovado
Aa #554466 sobre #667788 1,90:1 Reprovado
Aa #CC9988 sobre #667788 1,86:1 Reprovado
Aa #996688 sobre #CC9988 1,84:1 Reprovado
Aa #CC9966 sobre #667788 1,82:1 Reprovado
Aa #667788 sobre #88AA99 1,81:1 Reprovado
Aa #996688 sobre #CC9966 1,80:1 Reprovado
Aa #996688 sobre #88AA99 1,79:1 Reprovado
Aa #88AA77 sobre #667788 1,77:1 Reprovado
Aa #996688 sobre #88AA77 1,75:1 Reprovado
Aa #CC9988 sobre #AA6677 1,74:1 Reprovado
Aa #AA9988 sobre #DDCC99 1,73:1 Reprovado
Aa #CC9966 sobre #AA6677 1,71:1 Reprovado
Aa #332233 sobre #554466 1,70:1 Reprovado
Aa #AA6677 sobre #88AA99 1,69:1 Reprovado
Aa #AA9988 sobre #667788 1,67:1 Reprovado
Aa #996688 sobre #AA9988 1,65:1 Reprovado
Aa #AA6677 sobre #88AA77 1,65:1 Reprovado
Aa #554466 sobre #776677 1,64:1 Reprovado
Aa #DDCC99 sobre #88AA77 1,63:1 Reprovado
Aa #DDCC99 sobre #88AA99 1,60:1 Reprovado
Aa #CC9966 sobre #DDCC99 1,58:1 Reprovado
Aa #AA6677 sobre #AA9988 1,56:1 Reprovado
Aa #CC9988 sobre #DDCC99 1,55:1 Reprovado
Aa #AA6677 sobre #776677 1,23:1 Reprovado
Aa #996688 sobre #776677 1,17:1 Reprovado
Aa #776677 sobre #667788 1,15:1 Reprovado
Aa #CC9988 sobre #AA9988 1,11:1 Reprovado
Aa #CC9966 sobre #AA9988 1,09:1 Reprovado
Aa #AA9988 sobre #88AA99 1,08:1 Reprovado
Aa #AA6677 sobre #667788 1,07:1 Reprovado
Aa #996688 sobre #AA6677 1,06:1 Reprovado
Aa #AA9988 sobre #88AA77 1,06:1 Reprovado
Aa #CC9988 sobre #88AA77 1,05:1 Reprovado
Aa #CC9988 sobre #88AA99 1,03:1 Reprovado
Aa #CC9966 sobre #88AA77 1,03:1 Reprovado
Aa #CC9988 sobre #CC9966 1,02:1 Reprovado
Aa #88AA77 sobre #88AA99 1,02:1 Reprovado
Aa #996688 sobre #667788 1,01:1 Reprovado
Aa #CC9966 sobre #88AA99 1,01:1 Reprovado

Paletas semelhantes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 cores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 cores
#FFF8EA #9E7676 #815B5B #594545
4 cores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 cores
#F67280 #C06C84 #6C5B7B #355C7D
4 cores
#2B2E4A #E84545 #903749 #53354A
4 cores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 cores
#A9907E #F3DEBA #ABC4AA #675D50
4 cores