Import a palette

Paste CSS custom properties (--red-500: #e11d48;), SCSS or LESS variables, JSON (Tailwind-style objects, arrays or design tokens), or one ramp per line (red: #fee #fcc #f88 #e44). Colors can be hex, rgb(), hsl(), oklch(), oklab() or color(display-p3 …). Ramps need at least 3 steps; you need at least 4 hued ramps. Low-chroma ramps become neutral axes.

Stays in this browser only.