Esta paleta sóbria de 5 cores vai de Grape Cassata (#DAE583), o tom mais claro, até Olivenite (#313417), o mais escuro. Ela reúne Grape Cassata, Rookwood Jade, Still Fuchsia, Herbes de Provence e Olivenite em um único conjunto que você pode levar direto para uma interface. Dos seus 10 pares de cores, 3 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #DAE583 sobre #313417, com 9,5:1.
Uma paleta versátil para páginas de marketing, blocos hero de produtos, ilustrações e estados de destaque na interface.
Análise das cores
Grape Cassata#DAE583
RGB
rgb(218, 229, 131)
HSL
hsl(67, 65%, 71%)
Luminância
0,726
Rookwood Jade#95A17D
RGB
rgb(149, 161, 125)
HSL
hsl(80, 16%, 56%)
Luminância
0,334
Still Fuchsia#C152B4
RGB
rgb(193, 82, 180)
HSL
hsl(307, 47%, 54%)
Luminância
0,207
Herbes de Provence#395E49
RGB
rgb(57, 94, 73)
HSL
hsl(146, 25%, 30%)
Luminância
0,094
Olivenite#313417
RGB
rgb(49, 52, 23)
HSL
hsl(66, 39%, 15%)
Luminância
0,032
Contraste e acessibilidade
3 de 10 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.
Aa#DAE583 sobre #3134179,50:1AAA
Aa#DAE583 sobre #395E495,40:1AA
Aa#95A17D sobre #3134174,69:1AA
Aa#C152B4 sobre #3134173,14:1AA, texto grande
Aa#DAE583 sobre #C152B43,02:1AA, texto grande
Aa#95A17D sobre #395E492,67:1Reprovado
Aa#DAE583 sobre #95A17D2,02:1Reprovado
Aa#C152B4 sobre #395E491,79:1Reprovado
Aa#395E49 sobre #3134171,76:1Reprovado
Aa#95A17D sobre #C152B41,49:1Reprovado
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
Paleta
Ajude-nos a melhorar
Encontrou um bug? Tem uma ideia?
O Jinero está em desenvolvimento ativo. Se algo estiver quebrado ou funcionando de um jeito estranho, nos avise. Se você sente falta de alguma ferramenta ou recurso, conte também. Lemos todas as mensagens, e elas definem diretamente o que vamos criar a seguir.