Tempered Coast color palette — #F0F5FF · #E9DAFF · #D19FDA · #AC5D81 · #634A66

Mocha takes the lead with Mauve close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Thistle (#E9DAFF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#D19FDA): A luminous, balanced pink — the color of a candy shop window.
• Mocha (#AC5D81): A full-bodied, balanced rose — the color of a warm blush.
• Charcoal Brown (#634A66): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Tempered Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Patina Mallow Villa color palette (#FFF0FA, #C3ACF5, #AA71A6, #86576C, #534B48)
• Timeworn Canyon color palette (#F9F2FF, #E2D5DD, #E1A0C8, #924F72, #401D34)
• Softworn Courtyard color palette (#F6F3FF, #EDD6D6, #E794A0, #B56954, #65414F)
• Muted Boulevard color palette (#FEF1F9, #EDD4D0, #C8A1BA, #8A6F91, #334439)
• Misty Orchard color palette (#EEE1FF, #E28AD7, #D03170, #85001A, #3C1100)
• Hushed Peony Pier color palette (#F7F3FD, #FFD1D4, #A7DCA4, #D176B1, #324F30)
• Aged Terracotta Studio color palette (#FBF1FF, #F8A3D4, #E7637D, #A4180A, #4F2400)
• Coral Dune color palette (#F7F2FF, #FFC5D1, #F08577, #A55200, #553C0F)

Browse the whole catalog at Explore, or see today's palette.