Tempered Coast color palette — #F6EEE2 · #70BFD1 · #0080A8 · #005A55 · #002139
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#F6EEE2): bright and airy, almost weightless.
- Cyan (#70BFD1): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0080A8): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005A55): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#002139): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Weathered Cerulean color palette (#E5FBF7, #97D8E7, #0087A7, #005154, #000F17)
- Timeworn Petrol color palette (#F3E9D9, #69AAD1, #0067B7, #004853, #020843)
- Quiet Cobalt color palette (#F4EDE3, #95CDEA, #008CDF, #006A74, #1B2D4E)
- Antique Denim color palette (#E5DDD1, #5F9EA8, #00627C, #003C36, #000A15)
- Azure Station color palette (#FBF4EA, #9FE8FF, #00A8E8, #008282, #1F4264)
- Aqua Basin color palette (#F8F5EF, #CCE5DF, #61C1D5, #519582, #355245)
- Mulberry Drift color palette (#EEEDDA, #7F7700, #007493, #9B0070, #141200)
- Chalky Station color palette (#F5E8CC, #9B8600, #5A5AF2, #605200, #120E49)
Browse the whole catalog at Explore, or see today's palette.