Criar conta Criar conta
Rainy Day

Rainy Day

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

Voltar à biblioteca

Rainy Day

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

Editar
Terrosa 12 cores Quente Mista Complementar warm cool natural rain
Curtidas 20
Cores 12

Variáveis CSS

:root {
  --c-earthy-1: #F1A27A;
  --c-earthy-2: #E64545;
  --c-earthy-3: #A81660;
  --c-earthy-4: #B9D2D3;
  --c-earthy-5: #6C8E8A;
  --c-earthy-6: #222325;
  --c-earthy-7: #FFEFAB;
  --c-earthy-8: #F1CF3A;
  --c-earthy-9: #BE8829;
  --c-earthy-10: #7BDC51;
  --c-earthy-11: #29BE6C;
  --c-earthy-12: #067962;
}

Sobre esta paleta

Esta paleta terrosa de 12 cores vai de Transparent Yellow (#FFEFAB), o tom mais claro, até Verified Black (#222325), o mais escuro. Ela reúne Balinese Sunset, Vermilion Cinnabar, Plum Paradise, Relax, Aspen Hush, Verified Black, Transparent Yellow, Giallo, Gordal Olive, Lilliputian Lime, Welsh Onion e Ultramarine Green em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 10 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #222325 sobre #FFEFAB, com 13,62: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

Balinese Sunset #F1A27A
RGB
rgb(241, 162, 122)
HSL
hsl(20, 81%, 71%)
Luminância
0,460
Vermilion Cinnabar #E64545
RGB
rgb(230, 69, 69)
HSL
hsl(0, 76%, 59%)
Luminância
0,215
Plum Paradise #A81660
RGB
rgb(168, 22, 96)
HSL
hsl(330, 77%, 37%)
Luminância
0,097
Relax #B9D2D3
RGB
rgb(185, 210, 211)
HSL
hsl(182, 23%, 78%)
Luminância
0,611
Aspen Hush #6C8E8A
RGB
rgb(108, 142, 138)
HSL
hsl(173, 14%, 49%)
Luminância
0,244
Verified Black #222325
RGB
rgb(34, 35, 37)
HSL
hsl(220, 4%, 14%)
Luminância
0,017
Transparent Yellow #FFEFAB
RGB
rgb(255, 239, 171)
HSL
hsl(49, 100%, 84%)
Luminância
0,859
Giallo #F1CF3A
RGB
rgb(241, 207, 58)
HSL
hsl(49, 87%, 59%)
Luminância
0,636
Gordal Olive #BE8829
RGB
rgb(190, 136, 41)
HSL
hsl(38, 65%, 45%)
Luminância
0,287
Lilliputian Lime #7BDC51
RGB
rgb(123, 220, 81)
HSL
hsl(102, 67%, 59%)
Luminância
0,560
Welsh Onion #29BE6C
RGB
rgb(41, 190, 108)
HSL
hsl(147, 65%, 45%)
Luminância
0,384
Ultramarine Green #067962
RGB
rgb(6, 121, 98)
HSL
hsl(168, 91%, 25%)
Luminância
0,146

Contraste e acessibilidade

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

Aa #222325 sobre #FFEFAB 13,62:1 AAA
Aa #222325 sobre #F1CF3A 10,28:1 AAA
Aa #B9D2D3 sobre #222325 9,90:1 AAA
Aa #222325 sobre #7BDC51 9,14:1 AAA
Aa #F1A27A sobre #222325 7,63:1 AAA
Aa #222325 sobre #29BE6C 6,50:1 AA
Aa #A81660 sobre #FFEFAB 6,17:1 AA
Aa #222325 sobre #BE8829 5,05:1 AA
Aa #A81660 sobre #F1CF3A 4,66:1 AA
Aa #FFEFAB sobre #067962 4,64:1 AA
Aa #A81660 sobre #B9D2D3 4,48:1 AA, texto grande
Aa #6C8E8A sobre #222325 4,40:1 AA, texto grande
Aa #A81660 sobre #7BDC51 4,14:1 AA, texto grande
Aa #E64545 sobre #222325 3,97:1 AA, texto grande
Aa #F1CF3A sobre #067962 3,50:1 AA, texto grande
Aa #F1A27A sobre #A81660 3,46:1 AA, texto grande
Aa #E64545 sobre #FFEFAB 3,43:1 AA, texto grande
Aa #B9D2D3 sobre #067962 3,37:1 AA, texto grande
Aa #7BDC51 sobre #067962 3,11:1 AA, texto grande
Aa #6C8E8A sobre #FFEFAB 3,10:1 AA, texto grande
Aa #A81660 sobre #29BE6C 2,94:1 Reprovado
Aa #222325 sobre #067962 2,94:1 Reprovado
Aa #FFEFAB sobre #BE8829 2,70:1 Reprovado
Aa #F1A27A sobre #067962 2,60:1 Reprovado
Aa #E64545 sobre #F1CF3A 2,59:1 Reprovado
Aa #E64545 sobre #B9D2D3 2,49:1 Reprovado
Aa #6C8E8A sobre #F1CF3A 2,34:1 Reprovado
Aa #E64545 sobre #7BDC51 2,30:1 Reprovado
Aa #A81660 sobre #BE8829 2,29:1 Reprovado
Aa #B9D2D3 sobre #6C8E8A 2,25:1 Reprovado
Aa #A81660 sobre #222325 2,21:1 Reprovado
Aa #29BE6C sobre #067962 2,21:1 Reprovado
Aa #FFEFAB sobre #29BE6C 2,10:1 Reprovado
Aa #6C8E8A sobre #7BDC51 2,08:1 Reprovado
Aa #F1CF3A sobre #BE8829 2,04:1 Reprovado
Aa #A81660 sobre #6C8E8A 1,99:1 Reprovado
Aa #B9D2D3 sobre #BE8829 1,96:1 Reprovado
Aa #F1A27A sobre #E64545 1,92:1 Reprovado
Aa #BE8829 sobre #7BDC51 1,81:1 Reprovado
Aa #E64545 sobre #A81660 1,80:1 Reprovado
Aa #F1A27A sobre #FFEFAB 1,78:1 Reprovado
Aa #F1A27A sobre #6C8E8A 1,73:1 Reprovado
Aa #BE8829 sobre #067962 1,72:1 Reprovado
Aa #E64545 sobre #29BE6C 1,64:1 Reprovado
Aa #F1CF3A sobre #29BE6C 1,58:1 Reprovado
Aa #B9D2D3 sobre #29BE6C 1,52:1 Reprovado
Aa #F1A27A sobre #BE8829 1,51:1 Reprovado
Aa #6C8E8A sobre #067962 1,50:1 Reprovado
Aa #FFEFAB sobre #7BDC51 1,49:1 Reprovado
Aa #6C8E8A sobre #29BE6C 1,48:1 Reprovado
Aa #7BDC51 sobre #29BE6C 1,41:1 Reprovado
Aa #B9D2D3 sobre #FFEFAB 1,38:1 Reprovado
Aa #F1A27A sobre #F1CF3A 1,35:1 Reprovado
Aa #E64545 sobre #067962 1,35:1 Reprovado
Aa #A81660 sobre #067962 1,33:1 Reprovado
Aa #FFEFAB sobre #F1CF3A 1,32:1 Reprovado
Aa #F1A27A sobre #B9D2D3 1,30:1 Reprovado
Aa #BE8829 sobre #29BE6C 1,29:1 Reprovado
Aa #E64545 sobre #BE8829 1,27:1 Reprovado
Aa #F1A27A sobre #7BDC51 1,20:1 Reprovado
Aa #F1A27A sobre #29BE6C 1,17:1 Reprovado
Aa #6C8E8A sobre #BE8829 1,15:1 Reprovado
Aa #F1CF3A sobre #7BDC51 1,13:1 Reprovado
Aa #E64545 sobre #6C8E8A 1,11:1 Reprovado
Aa #B9D2D3 sobre #7BDC51 1,08:1 Reprovado
Aa #B9D2D3 sobre #F1CF3A 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