StyleBookMoss & Stone
Deep forest green against warm stone — the palette of moss on old rock, unhurried and grounded.
What's a token? A named slot in the palette: --accent means “this theme's accent colour” rather than one fixed hex. Name the slot once, swap the colour behind it later, and everything using it follows. Copy tokens puts every one of this theme's colour slots, plus its heading and body fonts, on your clipboard as CSS variables — ready to paste straight into a stylesheet.
Body copy set in Manrope. A design system is only as trustworthy as its dullest paragraph — so the body face carries the weight of everything that isn't a headline, and this edition keeps it comfortable at reading size.
A surface built from the theme's neutrals, with an accent header bar and matched radius.