Criar conta Criar conta
Romance

Romance

Paleta de 11 cores · Fria · Mista · Harmonia: Análoga

Voltar à biblioteca

Romance

Paleta de 11 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Análoga

Editar
Terrosa 11 cores Fria Mista Análoga pixelart warm pastel love
Curtidas 19
Cores 11

Variáveis CSS

:root {
  --c-earthy-1: #352D61;
  --c-earthy-2: #911A66;
  --c-earthy-3: #5F5095;
  --c-earthy-4: #7D5FB0;
  --c-earthy-5: #C12B90;
  --c-earthy-6: #8A82A4;
  --c-earthy-7: #C973AC;
  --c-earthy-8: #9299E5;
  --c-earthy-9: #E6A3DE;
  --c-earthy-10: #C6CFC4;
  --c-earthy-11: #E4F6F0;
}

Sobre esta paleta

Esta paleta terrosa de 11 cores vai de Frosty Mint (#E4F6F0), o tom mais claro, até Galaxea (#352D61), o mais escuro. Ela reúne Galaxea, Raspberry Magenta, Purple Corallite, Genestealer Purple, Royal Fuchsia, Fabulous Grape, Bishop Red, Portage, Candy Floss, Silver Grass e Frosty Mint em um único conjunto que você pode levar direto para uma interface. Dos seus 55 pares de cores, 9 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #352D61 sobre #E4F6F0, com 11,03: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

Galaxea #352D61
RGB
rgb(53, 45, 97)
HSL
hsl(249, 37%, 28%)
Luminância
0,035
Raspberry Magenta #911A66
RGB
rgb(145, 26, 102)
HSL
hsl(322, 70%, 34%)
Luminância
0,077
Purple Corallite #5F5095
RGB
rgb(95, 80, 149)
HSL
hsl(253, 30%, 45%)
Luminância
0,103
Genestealer Purple #7D5FB0
RGB
rgb(125, 95, 176)
HSL
hsl(262, 34%, 53%)
Luminância
0,157
Royal Fuchsia #C12B90
RGB
rgb(193, 43, 144)
HSL
hsl(320, 64%, 46%)
Luminância
0,151
Fabulous Grape #8A82A4
RGB
rgb(138, 130, 164)
HSL
hsl(254, 16%, 58%)
Luminância
0,241
Bishop Red #C973AC
RGB
rgb(201, 115, 172)
HSL
hsl(320, 44%, 62%)
Luminância
0,277
Portage #9299E5
RGB
rgb(146, 153, 229)
HSL
hsl(235, 61%, 74%)
Luminância
0,346
Candy Floss #E6A3DE
RGB
rgb(230, 163, 222)
HSL
hsl(307, 57%, 77%)
Luminância
0,483
Silver Grass #C6CFC4
RGB
rgb(198, 207, 196)
HSL
hsl(109, 10%, 79%)
Luminância
0,606
Frosty Mint #E4F6F0
RGB
rgb(228, 246, 240)
HSL
hsl(160, 50%, 93%)
Luminância
0,887

Contraste e acessibilidade

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

Aa #352D61 sobre #E4F6F0 11,03:1 AAA
Aa #352D61 sobre #C6CFC4 7,72:1 AAA
Aa #911A66 sobre #E4F6F0 7,37:1 AAA
Aa #352D61 sobre #E6A3DE 6,27:1 AA
Aa #5F5095 sobre #E4F6F0 6,11:1 AA
Aa #911A66 sobre #C6CFC4 5,16:1 AA
Aa #C12B90 sobre #E4F6F0 4,67:1 AA
Aa #352D61 sobre #9299E5 4,65:1 AA
Aa #7D5FB0 sobre #E4F6F0 4,53:1 AA
Aa #5F5095 sobre #C6CFC4 4,28:1 AA, texto grande
Aa #911A66 sobre #E6A3DE 4,19:1 AA, texto grande
Aa #352D61 sobre #C973AC 3,84:1 AA, texto grande
Aa #5F5095 sobre #E6A3DE 3,47:1 AA, texto grande
Aa #352D61 sobre #8A82A4 3,42:1 AA, texto grande
Aa #C12B90 sobre #C6CFC4 3,27:1 AA, texto grande
Aa #8A82A4 sobre #E4F6F0 3,23:1 AA, texto grande
Aa #7D5FB0 sobre #C6CFC4 3,17:1 AA, texto grande
Aa #911A66 sobre #9299E5 3,11:1 AA, texto grande
Aa #C973AC sobre #E4F6F0 2,87:1 Reprovado
Aa #C12B90 sobre #E6A3DE 2,65:1 Reprovado
Aa #5F5095 sobre #9299E5 2,58:1 Reprovado
Aa #7D5FB0 sobre #E6A3DE 2,58:1 Reprovado
Aa #911A66 sobre #C973AC 2,57:1 Reprovado
Aa #352D61 sobre #7D5FB0 2,43:1 Reprovado
Aa #9299E5 sobre #E4F6F0 2,37:1 Reprovado
Aa #352D61 sobre #C12B90 2,36:1 Reprovado
Aa #911A66 sobre #8A82A4 2,28:1 Reprovado
Aa #8A82A4 sobre #C6CFC4 2,26:1 Reprovado
Aa #5F5095 sobre #C973AC 2,13:1 Reprovado
Aa #C973AC sobre #C6CFC4 2,01:1 Reprovado
Aa #C12B90 sobre #9299E5 1,97:1 Reprovado
Aa #7D5FB0 sobre #9299E5 1,91:1 Reprovado
Aa #5F5095 sobre #8A82A4 1,89:1 Reprovado
Aa #8A82A4 sobre #E6A3DE 1,83:1 Reprovado
Aa #352D61 sobre #5F5095 1,81:1 Reprovado
Aa #E6A3DE sobre #E4F6F0 1,76:1 Reprovado
Aa #9299E5 sobre #C6CFC4 1,66:1 Reprovado
Aa #911A66 sobre #7D5FB0 1,63:1 Reprovado
Aa #C12B90 sobre #C973AC 1,63:1 Reprovado
Aa #C973AC sobre #E6A3DE 1,63:1 Reprovado
Aa #911A66 sobre #C12B90 1,58:1 Reprovado
Aa #7D5FB0 sobre #C973AC 1,58:1 Reprovado
Aa #352D61 sobre #911A66 1,50:1 Reprovado
Aa #C12B90 sobre #8A82A4 1,45:1 Reprovado
Aa #C6CFC4 sobre #E4F6F0 1,43:1 Reprovado
Aa #7D5FB0 sobre #8A82A4 1,40:1 Reprovado
Aa #8A82A4 sobre #9299E5 1,36:1 Reprovado
Aa #5F5095 sobre #7D5FB0 1,35:1 Reprovado
Aa #9299E5 sobre #E6A3DE 1,35:1 Reprovado
Aa #5F5095 sobre #C12B90 1,31:1 Reprovado
Aa #E6A3DE sobre #C6CFC4 1,23:1 Reprovado
Aa #911A66 sobre #5F5095 1,21:1 Reprovado
Aa #C973AC sobre #9299E5 1,21:1 Reprovado
Aa #8A82A4 sobre #C973AC 1,12:1 Reprovado
Aa #7D5FB0 sobre #C12B90 1,03: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