Tools
Theme generator
One colour in, the whole library relights. Every surface derives from a three-value seed in OKLCH — the plastic, the bevels, the glow, the text — and stays legible at WCAG AA. Or start from a style Echo publishes, like Drafting Index, drawn in one black ink: its whole look, corners and type included. What you pick here is worn by the whole site, so open any component and it is already in it.
Start from · Nawwara
Echo
Styles
Seed
- AccentThe one lit colour — caps, glow, focus.
- ChassisThe plastic: surfaces, caps, wells.
- PaperThe text, and the light it prints on.
Contrast
4.57 :1
The label on a primary button, at the worst point of its gradient. AA asks for 4.5:1, and Echo holds it for any accent you pick.
On your accent as picked, the same label would read 3.23:1. The label keeps the one text colour; the button’s plastic slides along your accent’s ramp until it reads.
surface
cap
cap-highlight
well
accent
accent-glow
lcd
text
rec
FocusBreakRest
Input peaking at −3 dB.