Tempered Coast color palette — #F7ECE7 · #95E1F0 · #0BB2F0 · #00937A · #0C2E55

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

The five colors

• Cream (#F7ECE7): bright and airy, almost weightless.
• Ice Blue (#95E1F0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#0BB2F0): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00937A): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#0C2E55): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Sunlit Periwinkle color palette (#F9ECDF, #ABD9FF, #7DA2F5, #008F9D, #2C274E)
• Antique Villa color palette (#DFF4F0, #8FD1DE, #0095B5, #006B6E, #003345)
• Cornflower Canyon color palette (#EBDDD1, #7CCBF4, #3A93F8, #007D7E, #161847)
• Chalky Archive color palette (#CBE9DE, #00BDBD, #00A1B8, #00799C, #002F54)
• Ember Balcony color palette (#CFF2FD, #00B0D4, #EA674D, #C06F39, #00242D)
• Washed Mallow color palette (#DEFBE6, #CFE5FF, #CBBEFF, #4FA795, #13372E)
• Quiet Courtyard color palette (#BEE7FF, #63CDFF, #00A4D8, #006C96, #001B27)
• Hushed Aqua color palette (#F3E0D6, #45C5C7, #0092AE, #007148, #001625)

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