Base color
Drag across the plane for hue and saturation. Use the slider for lightness. Arrow keys nudge.
Harmony
Five colors derived from the base with color-wheel rules. Click any swatch to copy its HEX.
Contrast check
WCAG 2.1 ratios for text-on-background pairs drawn from the palette. AA needs 4.5, AAA needs 7.
Live preview
A small interface re-themed from the current palette in real time.
Marigold Studio
Autumn collection is live
Forty-two new pieces, each dyed by hand in small batches. Free shipping on orders over 80.
Export
CSS custom properties, ready to paste.