Ir para o seletor de cores

Paleta de cores: Suave tom claro de violeta, Intenso tom claro de amarelo

Aperte Espaço para uma nova paleta. Trave as cores de que você gosta e as outras se ajustam a elas.

Estilo
  1. 9C94DESuave tom claro de violeta
  2. A5A450Intenso tom claro de amarelo

Espaço gera uma nova paleta, Ctrl+Z desfaz, clique em uma cor para editá-la.

Exportar

Exportar
Valores
:root {
    --lilac: oklch(70.21% 0.1072 288.264);
    --sage: oklch(70.162% 0.10714 108.253);
}

Verificações

Pares legíveis para texto

Nenhum par chega a 4,5:1 para texto corrido. Adicione uma cor bem mais escura ou mais clara.

Pares que se confundem para pessoas daltônicas: 1

Abrir no simulador

Cores desta paleta

NomeHEXRGBOKLCH
Suave tom claro de violeta#9c94dergb(156 148 222)oklch(70.21% 0.1072 288.264)
Intenso tom claro de amarelo#a5a450rgb(165 164 80)oklch(70.162% 0.10714 108.253)