Ir al selector de color

Paleta de colores: Suave tono claro de violeta, Intenso tono claro de amarillo

Pulsa Espacio para una paleta nueva. Bloquea los colores que te gusten y el resto se adapta a ellos.

Estilo
  1. 9C94DESuave tono claro de violeta
  2. A5A450Intenso tono claro de amarillo

Espacio para una paleta nueva, Ctrl+Z para deshacer, clic en un color para editarlo.

Exportar

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

Revisiones

Pares de texto legibles

Ningún par llega a 4,5:1 para texto normal. Añade un color mucho más oscuro o más claro.

Pares que se confunden para personas daltónicas: 1

Abrir en el simulador

Colores de esta paleta

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