Tempered Coast color palette — #F9E9EF · #76C1EA · #2E60C5 · #003E3A · #030010
A conversation between Cobalt and Sky, giving this palette its sense of trust and stability.
The five colors
- Blush (#F9E9EF): a clean, paper-quiet neutral.
- Sky (#76C1EA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cobalt (#2E60C5): A full-bodied, vivid violet — the color of a velvet chair.
- Forest (#003E3A): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#030010): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Wandering Petrol color palette (#F5EAF3, #6AC8D0, #007197, #004122, #00020D)
- Weathered Forest Villa color palette (#FBF1FC, #97DAD9, #0087A9, #00561D, #000D20)
- Softworn Harbor color palette (#E0ECE2, #4393C1, #004A88, #002B32, #01001E)
- Tempered Cornflower color palette (#ECE3D3, #8CBCAA, #0684EA, #006B7A, #030645)
- Dusty Balcony color palette (#DAFFF0, #67D6F8, #8F95ED, #386100, #000A0D)
- Ancient Plum Market color palette (#D3F4F9, #009281, #BC005F, #00463D, #040001)
- Weathered Lagoon color palette (#FFF1F7, #D5E0FD, #6692DA, #006B61, #1E163E)
- Aged Glacier color palette (#76FEFC, #00A5AA, #005A5D, #001918, #000201)
Browse the whole catalog at Explore, or see today's palette.