Paleta de cores Salt Morning

Salt Morning é uma paleta de 4 cores baseada em azuis, azuis-esverdeados e cianos e laranjas. Em OKLCH, a luminosidade vai de 16% (#010D23, muito escuro) a 89% (#E8D9B5, claro), e a cor mais saturada, #3FA7C2, é moderadamente saturada. 3 das suas 4 cores cromáticas ficam no lado frio 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 oceano, natureza, azuis, azul-petróleo, frias e para daltonismo.

OceanoNaturezaAzuisAzul-petróleoFriasPara daltonismo

Códigos de cor

CorHEXRGBHSLOKLCH
Rich Navy #010D23 rgb(1, 13, 35) hsl(219, 94%, 7%) oklch(16.2% 0.051 256.6)
Charcoal #12456F rgb(18, 69, 111) hsl(207, 72%, 25%) oklch(38% 0.089 248)
Persian Green #3FA7C2 rgb(63, 167, 194) hsl(192, 52%, 50%) oklch(68% 0.101 218.3)
Vanilla #E8D9B5 rgb(232, 217, 181) hsl(42, 53%, 81%) oklch(88.8% 0.05 88.1)

Acessibilidade

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

ParWCAG 2NívelAPCA Lc
#010D23 sobre #E8D9B5 13.87:1 AAA Lc 83.9
#E8D9B5 sobre #12456F 7.13:1 AAA Lc -73.3
#010D23 sobre #3FA7C2 6.94:1 AA Lc 50.0

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/010d23-12456f-3fa7c2-e8d9b5.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