45 colours, 5 ramps, 2

45 colours, 5 ramps, 2 typefaces, 0 bold weights 🎨

That's the whole of Penwave's design system. Every colour is read from the app's Tailwind config, and each ramp has one job: cream for the page, beige for badges, tea green for avatars, celadon for every border, muted teal for all the text.

Instrument Serif sets the headings and the post body. Inter runs the interface, 300 to 600.

In the clip the palette builds a story card, colour by colour.

Do you give every colour in your system a job, or keep a few spare? 👇

🔗 aswin-shine.dev/work/penwave