Skip to content
livery
Create

Accent colour

Websites with a pink accent

4 design systems whose accent colour is pink, measured from real websites: the exact hex values, where the accent is used and where it isn't, with the type and spacing around it. Each is an installable skill for your coding agent.

4 kits · 2 dark, 2 light

Questions

Which websites use a pink accent colour?
In Livery's library: tailwindcss.com (#f6339a), mews.com (#ffc5ee), gumroad.com (#ff90e8), siltawi.com (#872775). Each kit lists the exact hex values by role (background, surface, text, accent, border) and where the accent is and isn't used.
How do I make my app look like one of these?
Open a kit and install it in your coding agent (one paste in Claude Code; unzip for Cursor, Codex or Windsurf). The agent audits your project, asks which areas to change and applies the design one area at a time, so you can review and revert each step.