Generador de paletas de colores

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

Ideas de paletas de colores

Estilo

0F172AApagado tono muy oscuro de azul
1E40AFSuave tono oscuro de azul
60A5FAIntenso tono claro de azul
FDE68ADelicado tono muy claro de amarillo
F97316Intenso tono claro de naranja

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

Exportar

Valores

:root {
    --midnight-blue: oklch(20.768% 0.03982 265.755);
    --cobalt: oklch(42.445% 0.18087 265.638);
    --azure: oklch(71.374% 0.14338 254.624);
    --khaki: oklch(92.428% 0.11513 95.746);
    --pumpkin: oklch(70.487% 0.18672 47.604);
}

Revisiones

Pares de texto legibles

Aa14,3:1
Aa7,0:1
Aa7,0:1
Aa6,4:1

Pares que se confunden para personas daltónicas: 1

Abrir en el simulador

Colores de esta paleta

Nombre	HEX	RGB	OKLCH
Apagado tono muy oscuro de azul	#0f172a	rgb(15 23 42)	oklch(20.768% 0.03982 265.755)
Suave tono oscuro de azul	#1e40af	rgb(30 64 175)	oklch(42.445% 0.18087 265.638)
Intenso tono claro de azul	#60a5fa	rgb(96 165 250)	oklch(71.374% 0.14338 254.624)
Delicado tono muy claro de amarillo	#fde68a	rgb(253 230 138)	oklch(92.428% 0.11513 95.746)
Intenso tono claro de naranja	#f97316	rgb(249 115 22)	oklch(70.487% 0.18672 47.604)