Tempered Coast color palette — #F7E3F0 · #8375FF · #0096AD · #003039 · #000204

Periwinkle takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F7E3F0): A whisper-light, dusty pink — the color of peonies in June.
• Periwinkle (#8375FF): A luminous, vivid violet — the color of a velvet chair.
• Cerulean (#0096AD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#003039): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000204): a grounded near-black with real depth.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged neon, dark, vibrant.

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

• Orchid Villa color palette (#FEDDE4, #B454FF, #008FCF, #002C44, #000205)
• Airy Station color palette (#F6DCF1, #5B68FF, #0084A2, #000F15, #000204)
• Weathered Meadow color palette (#EFDCD7, #FD31DD, #6C8BFF, #243452, #040811)
• Muted Market color palette (#FCE8ED, #7988FF, #009457, #030C0B, #010100)
• Emerald Alley color palette (#E4EAF7, #009EBA, #00A055, #013317, #000202)
• Muted Sky Harbor color palette (#F2D8E2, #ACA1FF, #16B5F6, #204158, #071219)
• Worn Petrol Market color palette (#D5E1E6, #A6B1C2, #8C97AF, #008188, #02171D)
• Faded Cerulean color palette (#CAF7FE, #00A0C0, #007EA4, #004C70, #000A19)

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