Color Family

Pink

Soft-yet-confident palette for wellness, commerce, and community products.

NurturingModernPlayful

Positioning DNA

Pink has evolved beyond cliché. The Tailwind palette ranges from whisper-light blush to decisive magenta, giving you everything needed for wellness commerce, modern bridal, or skin-care tech.

Use Pink 200-300 for backgrounds that feel like premium packaging. Pink 600 can serve as a confident CTA without reading as harsh.

Browse directory →Read journal →

UX Applications

Wellness and beauty e-commerce
Community or social products with warmth
Storytelling sites centered around care or craft

Sample Palette

Drop-in hex codes with usage notes

Pink 700

#be185d

Statement headlines and overlays

Pink 500

#ec4899

Primary buttons and inputs

Pink 200

#fbcfe8

Backgrounds, cards, and promo blocks

FAQ

How do I keep Pink from feeling juvenile?

Pair it with serious typography, ample whitespace, and sophisticated photography. Mixing Pink with Slate or Stone adds maturity.

Can Pink work for dark mode?

Yes—Pink 400-500 on Slate 950 pops beautifully. Add a subtle inner glow to keep edges crisp.