Paleta de cores Sage and Rainfall

Sage and Rainfall é uma paleta de 6 cores baseada em vermelhos, marrons, verdes, laranjas e neutros. Em OKLCH, a luminosidade vai de 35% (#562D2D, escuro) a 97% (#F6F5DF, muito claro), e a cor mais saturada, #7B543F, é apagada. 3 das suas 5 cores cromáticas ficam no lado quente do círculo cromático. 3 dos seus 15 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como calmas, discretas, marrons, quentes e terrosas.

CalmasDiscretasMarronsQuentesTerrosas

Códigos de cor

CorHEXRGBHSLOKLCH
Onyx #562D2D rgb(86, 45, 45) hsl(0, 31%, 26%) oklch(35% 0.06 20.6)
Dark Moss Green #7B543F rgb(123, 84, 63) hsl(21, 32%, 36%) oklch(48.3% 0.061 49.1)
Gray #5D8770 rgb(93, 135, 112) hsl(147, 18%, 45%) oklch(58.6% 0.059 159.9)
Pewter #98A58D rgb(152, 165, 141) hsl(93, 12%, 60%) oklch(70.5% 0.037 130.6)
Pale Oak #D7C3A7 rgb(215, 195, 167) hsl(35, 38%, 75%) oklch(82.7% 0.044 76.3)
Cornsilk #F6F5DF rgb(246, 245, 223) hsl(57, 56%, 92%) oklch(96.5% 0.029 104.8)

Acessibilidade

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

ParWCAG 2NívelAPCA Lc
#F6F5DF sobre #562D2D 10.53:1 AAA Lc -92.7
#D7C3A7 sobre #562D2D 6.77:1 AA Lc -64.2
#F6F5DF sobre #7B543F 5.99:1 AA Lc -80.2

Visão de cores

Nenhum par de cores fica a menos de ΔE 0.06 de outro sob protanopia, deuteranopia, tritanopia ou acromatopsia.

  • 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/562d2d-7b543f-5d8770-98a58d-d7c3a7-f6f5df.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