Resource

Tight palette · 8 tokens

theme.json

An 8-token theme.json colour palette that passes WCAG AA in both light and dark themes. Drop-in.

What’s in it

The colour palette is the core of the HOSHI design system this site runs on. Eight semantic tokens: brand, brand-deep, signal, ground, ground-raised, text, text-mute, rule. Every interactive surface maps to these eight.

How to use it

Drop the theme.json into your theme root. Reference tokens as var(--wp--preset--color--brand) in CSS or via the colour picker in the Block Editor. Both light and dark mode mappings included.

License

MIT.