Skip to tool

Palette Playground.

Build a color theme, check its readability, and try it on this website—or export it for your own.

Take your colors with you ↓
Live previewSample website · changes as you edit
somewhere.Made of possibilities

Find your
kind of bright.

Small ideas deserve a big canvas. Make something that feels like you.

Explore these colors ↗
A fresh perspective

Room to play.

Color changes how a story feels. Try a quieter shade. Or turn it all the way up.

Looks good. Reads well?

Text contrast for the pairs used in your preview.

AA: 4.5:1 for normal text, 3:1 for large text. These checks cover color contrast, not full accessibility. About WCAG contrast ↗

Use your palette.

Copy the variables into your stylesheet, or try this palette on my portfolio. Your website theme is saved only on this browser.