Paleta de cores Birch and Moss

Birch and Moss é uma paleta de 5 cores baseada em vermelhos e laranjas. Em OKLCH, a luminosidade vai de 25% (#410C17, escuro) a 91% (#FFD8BB, muito claro), e a cor mais saturada, #A86756, é moderadamente saturada. 5 das suas 5 cores cromáticas ficam no lado quente do círculo cromático. 3 dos seus 10 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como floresta, terrosas, gradiente, vermelhas, laranjas e para daltonismo.

FlorestaTerrosasGradienteVermelhasLaranjasPara daltonismo

Códigos de cor

CorHEXRGBHSLOKLCH
Jet #410C17 rgb(65, 12, 23) hsl(348, 69%, 15%) oklch(25.4% 0.081 13.2)
Auburn #753734 rgb(117, 55, 52) hsl(3, 38%, 33%) oklch(41.8% 0.088 24.4)
Tiger's Eye #A86756 rgb(168, 103, 86) hsl(12, 32%, 50%) oklch(58.1% 0.088 35.4)
Sweet Salmon #DB9B7C rgb(219, 155, 124) hsl(20, 57%, 67%) oklch(74.4% 0.088 46.8)
Champagne #FFD8BB rgb(255, 216, 187) hsl(26, 100%, 87%) oklch(90.8% 0.058 58.6)

Acessibilidade

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

ParWCAG 2NívelAPCA Lc
#FFD8BB sobre #410C17 12.24:1 AAA Lc -84.8
#410C17 sobre #DB9B7C 6.97:1 AA Lc 54.6
#FFD8BB sobre #753734 6.71:1 AA Lc -74.1

Visão de cores

Nenhum par de cores fica a menos de ΔE 0.06 de outro sob protanopia, deuteranopia, tritanopia ou acromatopsia. Ela está marcada como segura para daltonismo: todos os pares ficam a pelo menos ΔE 0.14.

  • 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/410c17-753734-a86756-db9b7c-ffd8bb.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