Tempered Coast color palette — #F1E2ED · #499DAE · #004E78 · #003122 · #060840
A conversation between Deep Indigo and Peacock, giving this palette its sense of trust and stability.
The five colors
- Blush (#F1E2ED): A whisper-light, dusty pink — the color of a candy shop window.
- Cerulean (#499DAE): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#004E78): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#003122): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#060840): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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
- Nightshade Boulevard color palette (#EEDFE5, #6596B6, #213BA4, #00302E, #1A003B)
- Tempered Harbor color palette (#E7E1D8, #5C949F, #00516A, #002C29, #00050C)
- Ancient Petrol Loft color palette (#D8E4DA, #5EB0C0, #007192, #004A45, #001626)
- Timeworn Petrol color palette (#F6EBF3, #8EB9CA, #00719D, #005333, #1A2C52)
- Cobalt Archive color palette (#E9DDD7, #71BECC, #008CCC, #00704E, #050A3E)
- Forest Corridor color palette (#FDF0FD, #8EDFDF, #008CB1, #006C29, #0F4073)
- Wandering Basin color palette (#FFE4FA, #E28F97, #9A7728, #35337D, #2F0419)
- Washed Cobalt Studio color palette (#FCF2F5, #C4E0F7, #6F89C1, #256F6A, #3F4568)
Browse the whole catalog at Explore, or see today's palette.