HappyWink design system

Our colours

A practical reference for the colours used across our website. Select any swatch to copy its hex value.

01 / Foundations

Core colour roles

These named tokens carry the main visual jobs across the site.

#146C72

Buttons, links and key actions

primary

#f4c95d

Highlights and warm accents

secondary

#213d40

Headings and strong text

ink

#6b7280

Supporting text and captions

muted

02 / Palette

Shade numbers match the Tailwind colour tokens in this project. Each swatch shows its hex value and token name.

Our core teal, from soft backgrounds to deep emphasis.

brand-*

A fresh, gentle accent for supportive moments.

mint-*

A lively accent for illustrations and small highlights.

coral-*

Optimistic yellow for warm highlights and details.

sun-*