chase is

mixing

Start with a color

Start with your color. Swipe the deck; tap a chip to copy it.

The deck

Swipe to turn · tap to copy

Left / Right: turn. Up / Down: choose.
Enter or Space: lift and copy.

Your palette

Your starting color stays on the chip marked “yours.” Tap any chip to copy it.

Neutrals

Marks rate white and black text on each chip: AA ≥ 4.5:1, AAA ≥ 7:1; fail is below 4.5:1. These are WCAG 2 ratios for normal text.

Today's palettes

Five colors from the lead photo of each story, refreshed daily from NPR.

Loading today's palettes.

Try it

A small invitation, in light and dark.

Color-vision simulation

Simulated with the Machado, Oliveira and Fernandes (2009) model.

Simulation affects previews and tray chips; color values stay unchanged.

A visual preview, with text colors chosen for at least 4.5:1 contrast. The buttons are part of the picture.

Pairings

Check every text step on every background step.

APCA Lc, a newer perceptual contrast measure.

WCAG 2: AA ≥ 4.5:1; AAA ≥ 7:1; fail < 4.5:1. APCA magnitude: body ≥ 75; content ≥ 60; large ≥ 45; – below 45. Positive Lc is dark text on light; negative is light text on dark.

Audit a palette

Paste CSS colors, a hex list, a Tailwind colors object, or DTCG tokens. Everything stays in your browser.

Take it

Keep the colors, share the link, or print a little inspiration.

Need a color system built? chase@chase.is

About mixing

chase is mixing is a paint fan deck for the screen. Start with a color you have, turn the fan to explore, and lift out a chip to keep. Your starting color stays in the palette. Bring an existing set of colors to check its spacing and contrast, then take the results with you.

The stack. One HTML file, with hand-rolled OKLCH ↔ sRGB math and WCAG 2 contrast checks. The fan is made of HTML; the gamut slice and downloadable PNG are drawn on canvas in your browser. A scheduled job extracts five colors from each selected NPR story's lead photo; this page reads a JSON file from chase.is. Pairings include APCA Lc, a newer perceptual contrast measure. Color-vision previews use the Machado, Oliveira and Fernandes (2009) model. Wide color uses Display P3, with sRGB fallbacks in exports. No libraries. Elms Sans and Instrument Serif are self-hosted.

I'm Chase Conching – a designer/developer in Honolulu making a series of small experiments at chase.is.

chase@chase.is · github · linkedin