Paleta de cores Dove and Hush

Dove and Hush é uma paleta de 6 cores baseada em azuis-esverdeados e cianos, roxos e azuis. Em OKLCH, a luminosidade vai de 32% (#003A3E, escuro) a 94% (#D6F1FF, muito claro), e a cor mais saturada, #003A3E, é apagada. 5 das suas 6 cores cromáticas ficam no lado frio 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 calmas, frias, azul-petróleo e discretas.

CalmasFriasAzul-petróleoDiscretas

Códigos de cor

CorHEXRGBHSLOKLCH
Midnight Green #003A3E rgb(0, 58, 62) hsl(184, 100%, 12%) oklch(31.7% 0.054 202.4)
Dim Gray #514658 rgb(81, 70, 88) hsl(277, 11%, 31%) oklch(41.2% 0.033 312.2)
Battleship Gray #73738E rgb(115, 115, 142) hsl(240, 11%, 50%) oklch(56.5% 0.041 285)
Pewter #77A497 rgb(119, 164, 151) hsl(163, 20%, 55%) oklch(68.2% 0.052 174.9)
Light Cornflower Blue #A7BDDC rgb(167, 189, 220) hsl(215, 43%, 76%) oklch(79.2% 0.05 257)
Gainsboro #D6F1FF rgb(214, 241, 255) hsl(200, 100%, 92%) oklch(94.3% 0.034 230.2)

Acessibilidade

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

ParWCAG 2NívelAPCA Lc
#D6F1FF sobre #003A3E 10.68:1 AAA Lc -89.6
#D6F1FF sobre #514658 7.56:1 AAA Lc -82.8
#A7BDDC sobre #003A3E 6.54:1 AA Lc -59.5

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/003a3e-514658-73738e-77a497-a7bddc-d6f1ff.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