Paleta de colores Sage and Rainfall

Sage and Rainfall es una paleta de 6 colores que se apoya en rojos, marrones, verdes, naranjas y neutros. En OKLCH, su luminosidad va del 35% (#562D2D, oscuro) al 97% (#F6F5DF, muy claro), y su color más saturado, #7B543F, es apagado. 3 de sus 5 colores cromáticos están en el lado cálido de la rueda cromática. 3 de sus 15 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como tranquilos, apagados, marrones, cálidos y terrosos.

TranquilosApagadosMarronesCálidosTerrosos

Códigos de color

ColorHEXRGBHSLOKLCH
Onyx #562D2D rgb(86, 45, 45) hsl(0, 31%, 26%) oklch(35% 0.06 20.6)
Dark Moss Green #7B543F rgb(123, 84, 63) hsl(21, 32%, 36%) oklch(48.3% 0.061 49.1)
Gray #5D8770 rgb(93, 135, 112) hsl(147, 18%, 45%) oklch(58.6% 0.059 159.9)
Pewter #98A58D rgb(152, 165, 141) hsl(93, 12%, 60%) oklch(70.5% 0.037 130.6)
Pale Oak #D7C3A7 rgb(215, 195, 167) hsl(35, 38%, 75%) oklch(82.7% 0.044 76.3)
Cornsilk #F6F5DF rgb(246, 245, 223) hsl(57, 56%, 92%) oklch(96.5% 0.029 104.8)

Accesibilidad

Los mejores pares de texto y fondo de Sage and Rainfall, según la relación de contraste WCAG 2, con el contraste de luminosidad APCA (Lc) del texto sobre su fondo.

ParWCAG 2NivelAPCA Lc
#F6F5DF sobre #562D2D 10.53:1 AAA Lc -92.7
#D7C3A7 sobre #562D2D 6.77:1 AA Lc -64.2
#F6F5DF sobre #7B543F 5.99:1 AA Lc -80.2

Visión del color

Ningún par de colores queda a menos de ΔE 0.06 de otro bajo protanopía, deuteranopía, tritanopía o acromatopsia.

  • Protanopía

  • Deuteranopía

  • Tritanopía

  • Acromatopsia

Úsala en tu código

Instala estos colores como colores de tema de Tailwind CSS v4 con shadcn: npx shadcn@latest add https://getcolors.so/r/palette/562d2d-7b543f-5d8770-98a58d-d7c3a7-f6f5df.json.

Hazla tuya

Edita los colores, crea con ellos un sistema de color completo en modo claro y oscuro, o míralos en una interfaz real.

Abrir en el generador Crear un sistema de color Visualizar

Degradados con estos colores