Paleta de colores Gumdrop Playground

Gumdrop Playground es una paleta de 5 colores que se apoya en azules, rojos, verdes azulados y cianes, amarillos y neutros. En OKLCH, su luminosidad va del 30% (#2B2D42, oscuro) al 97% (#FFF4E0, muy claro), y su color más saturado, #FF6B6B, es vívido. Sus colores cromáticos se reparten por igual entre el lado cálido y el frío de la rueda cromática. 4 de sus 10 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como infantiles, intensos, rojos, amarillos y cálidos.

InfantilesIntensosRojosAmarillosCálidos

Códigos de color

ColorHEXRGBHSLOKLCH
Space Cadet #2B2D42 rgb(43, 45, 66) hsl(235, 21%, 21%) oklch(30.5% 0.038 279.7)
Coral #FF6B6B rgb(255, 107, 107) hsl(0, 100%, 71%) oklch(71.2% 0.181 22.8)
Vivid Sky Blue #5FD3E8 rgb(95, 211, 232) hsl(189, 75%, 64%) oklch(80.8% 0.108 211.2)
Sunglow #FFD93D rgb(255, 217, 61) hsl(48, 100%, 62%) oklch(89.3% 0.167 94.5)
Cornsilk #FFF4E0 rgb(255, 244, 224) hsl(39, 100%, 94%) oklch(97% 0.029 82.6)

Accesibilidad

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

ParWCAG 2NivelAPCA Lc
#FFF4E0 sobre #2B2D42 12.38:1 AAA Lc -96.5
#FFD93D sobre #2B2D42 9.79:1 AAA Lc -80.5
#5FD3E8 sobre #2B2D42 7.69:1 AAA Lc -66.1

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/2b2d42-ff6b6b-5fd3e8-ffd93d-fff4e0.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