Paleta de cores Primrose Breeze

Primrose Breeze é uma paleta de 4 cores baseada em verdes, rosas e neutros. Em OKLCH, a luminosidade vai de 29% (#13341D, escuro) a 94% (#DFF1E2, muito claro), e a cor mais saturada, #C588B6, é moderadamente saturada. 1 das suas 3 cores cromáticas fica no lado quente do círculo cromático. 3 dos seus 6 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como primavera, verdes, rosas e para daltonismo.

PrimaveraVerdesRosasPara daltonismo

Códigos de cor

CorHEXRGBHSLOKLCH
Pakistan Green #13341D rgb(19, 52, 29) hsl(138, 46%, 14%) oklch(29.3% 0.057 151.3)
Dark Moss Green #38764A rgb(56, 118, 74) hsl(137, 36%, 34%) oklch(51.2% 0.095 151.2)
Cool Gray #C588B6 rgb(197, 136, 182) hsl(315, 34%, 65%) oklch(70.2% 0.096 335.9)
Gainsboro #DFF1E2 rgb(223, 241, 226) hsl(130, 39%, 91%) oklch(94.1% 0.028 150.4)

Acessibilidade

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

ParWCAG 2NívelAPCA Lc
#DFF1E2 sobre #13341D 11.60:1 AAA Lc -90.9
#13341D sobre #C588B6 4.93:1 AA Lc 44.7
#DFF1E2 sobre #38764A 4.62:1 AA Lc -70.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/13341d-38764a-c588b6-dff1e2.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.

Gradientes com estas cores