Field note · 01
Color can be
quietly confident.
Good palettes feel right. Great palettes work for more people.
PPPalette Proof
Private by design · no upload
A tiny tool for thoughtful color
Make the palette.
Prove it works.
Check text contrast, preview a few color-vision filters, then leave with clean CSS tokens. Everything happens in this tab; your colors never leave your device.
Your four-color system
Change a swatch or paste a hex value. Contrast is checked for body text against the surface.
A real-world preview
Contrast labels use WCAG 2.2 AA thresholds: 4.5:1 for normal text, 3:1 for large text.
Color can be
Body text / surface——
Large text / surface——
Color-vision preview
A quick simulation, not a substitute for testing with people.
Preview filters use standard linear-RGB simulation matrices for protanopia, deuteranopia and tritanopia.
Take it with you
Tokens are named for practical use. Copy them into a stylesheet, design note or prototype.
No analytics, cookies, account, network call or color upload. Refresh to start over.