Criar conta Criar conta
Red Ish DB LY Desert Like Pallet

Red Ish DB LY Desert Like Pallet

Paleta de 9 cores · Quente · Mista · Harmonia: Complementar

Voltar à biblioteca

Red Ish DB LY Desert Like Pallet

Paleta de 9 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Complementar

Editar
Terrosa 9 cores Quente Mista Complementar red desert dbly
Curtidas 32
Cores 9

Variáveis CSS

:root {
  --c-earthy-1: #FBFECF;
  --c-earthy-2: #DDB687;
  --c-earthy-3: #C37648;
  --c-earthy-4: #222034;
  --c-earthy-5: #33161D;
  --c-earthy-6: #45283C;
  --c-earthy-7: #66313D;
  --c-earthy-8: #AC3232;
  --c-earthy-9: #17090D;
}

Sobre esta paleta

Esta paleta terrosa de 9 cores vai de Morrow White (#FBFECF), o tom mais claro, até Noir Fiction (#17090D), o mais escuro. Ela reúne Morrow White, Burlywood, Marmalade Glaze, Black Velvet, Black Cherry, Profound Mauve, Power Tie, Raging Raisin e Noir Fiction em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 14 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #FBFECF sobre #17090D, com 18,66: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

Morrow White #FBFECF
RGB
rgb(251, 254, 207)
HSL
hsl(64, 96%, 90%)
Luminância
0,959
Burlywood #DDB687
RGB
rgb(221, 182, 135)
HSL
hsl(33, 56%, 70%)
Luminância
0,506
Marmalade Glaze #C37648
RGB
rgb(195, 118, 72)
HSL
hsl(22, 51%, 52%)
Luminância
0,250
Black Velvet #222034
RGB
rgb(34, 32, 52)
HSL
hsl(246, 24%, 16%)
Luminância
0,016
Black Cherry #33161D
RGB
rgb(51, 22, 29)
HSL
hsl(346, 40%, 14%)
Luminância
0,014
Profound Mauve #45283C
RGB
rgb(69, 40, 60)
HSL
hsl(319, 27%, 21%)
Luminância
0,031
Power Tie #66313D
RGB
rgb(102, 49, 61)
HSL
hsl(346, 35%, 30%)
Luminância
0,054
Raging Raisin #AC3232
RGB
rgb(172, 50, 50)
HSL
hsl(0, 55%, 44%)
Luminância
0,113
Noir Fiction #17090D
RGB
rgb(23, 9, 13)
HSL
hsl(343, 44%, 6%)
Luminância
0,004

Contraste e acessibilidade

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

Aa #FBFECF sobre #17090D 18,66:1 AAA
Aa #FBFECF sobre #33161D 15,85:1 AAA
Aa #FBFECF sobre #222034 15,24:1 AAA
Aa #FBFECF sobre #45283C 12,44:1 AAA
Aa #DDB687 sobre #17090D 10,28:1 AAA
Aa #FBFECF sobre #66313D 9,74:1 AAA
Aa #DDB687 sobre #33161D 8,73:1 AAA
Aa #DDB687 sobre #222034 8,39:1 AAA
Aa #DDB687 sobre #45283C 6,85:1 AA
Aa #FBFECF sobre #AC3232 6,20:1 AA
Aa #C37648 sobre #17090D 5,55:1 AA
Aa #DDB687 sobre #66313D 5,37:1 AA
Aa #C37648 sobre #33161D 4,72:1 AA
Aa #C37648 sobre #222034 4,54:1 AA
Aa #C37648 sobre #45283C 3,70:1 AA, texto grande
Aa #DDB687 sobre #AC3232 3,41:1 AA, texto grande
Aa #FBFECF sobre #C37648 3,36:1 AA, texto grande
Aa #AC3232 sobre #17090D 3,01:1 AA, texto grande
Aa #C37648 sobre #66313D 2,90:1 Reprovado
Aa #33161D sobre #AC3232 2,56:1 Reprovado
Aa #222034 sobre #AC3232 2,46:1 Reprovado
Aa #45283C sobre #AC3232 2,01:1 Reprovado
Aa #66313D sobre #17090D 1,92:1 Reprovado
Aa #DDB687 sobre #C37648 1,85:1 Reprovado
Aa #C37648 sobre #AC3232 1,84:1 Reprovado
Aa #FBFECF sobre #DDB687 1,82:1 Reprovado
Aa #33161D sobre #66313D 1,63:1 Reprovado
Aa #66313D sobre #AC3232 1,57:1 Reprovado
Aa #222034 sobre #66313D 1,56:1 Reprovado
Aa #45283C sobre #17090D 1,50:1 Reprovado
Aa #45283C sobre #66313D 1,28:1 Reprovado
Aa #33161D sobre #45283C 1,27:1 Reprovado
Aa #222034 sobre #45283C 1,22:1 Reprovado
Aa #222034 sobre #17090D 1,22:1 Reprovado
Aa #33161D sobre #17090D 1,18:1 Reprovado
Aa #222034 sobre #33161D 1,04: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