Paleta de cores Mandarin Crate

Mandarin Crate é uma paleta de 6 cores baseada em marrons, amarelos, roxos e neutros. Em OKLCH, a luminosidade vai de 28% (#2F2A15, escuro) a 94% (#F1ECD2, muito claro), e a cor mais saturada, #71683F, é apagada. 4 das suas 5 cores cromáticas ficam no lado quente do círculo cromático. 5 dos seus 15 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como comida, verão, amarelas, roxas e discretas.

ComidaVerãoAmarelasRoxasDiscretas

Códigos de cor

CorHEXRGBHSLOKLCH
Pakistan Green #2F2A15 rgb(47, 42, 21) hsl(48, 38%, 13%) oklch(28.5% 0.035 96.4)
Dark Moss Green #71683F rgb(113, 104, 63) hsl(49, 28%, 35%) oklch(51.5% 0.06 97.3)
Cool Steel #A0A2CB rgb(160, 162, 203) hsl(237, 29%, 71%) oklch(72.5% 0.059 282.6)
Silver #BCB8A2 rgb(188, 184, 162) hsl(51, 16%, 69%) oklch(78% 0.031 98.6)
Cadet Gray #CECFE3 rgb(206, 207, 227) hsl(237, 27%, 85%) oklch(86% 0.028 283.5)
Champagne #F1ECD2 rgb(241, 236, 210) hsl(50, 53%, 88%) oklch(94% 0.035 98.1)

Acessibilidade

Os melhores pares de texto e fundo de Mandarin Crate, pela razão de contraste WCAG 2, com o contraste de luminosidade APCA (Lc) do texto sobre o fundo.

ParWCAG 2NívelAPCA Lc
#F1ECD2 sobre #2F2A15 12.08:1 AAA Lc -91.2
#CECFE3 sobre #2F2A15 9.34:1 AAA Lc -74.4
#2F2A15 sobre #BCB8A2 7.19:1 AAA Lc 60.3

Visão de cores

1 par de cores ficam a menos de ΔE 0.06 um do outro em pelo menos uma simulação.

  • Protanopia

  • Deuteranopia

  • Tritanopia

  • Acromatopsia

Use no seu código

Instale estas cores como cores de tema do Tailwind CSS v4 com o shadcn: npx shadcn@latest add https://getcolors.so/r/palette/2f2a15-71683f-a0a2cb-bcb8a2-cecfe3-f1ecd2.json.

Faça dela a sua

Edite as cores, crie com elas um sistema de cores completo nos modos claro e escuro ou veja tudo em uma interface real.

Abrir no gerador Criar um sistema de cores Visualizar

Gradientes com estas cores