Tempered Coast color palette — #F8EBE3 · #43C1E5 · #0086E4 · #006F5A · #0E063E

Built around Azure, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Cream (#F8EBE3): bright and airy, almost weightless.
• Cyan (#43C1E5): A luminous, balanced blue — the color of deep harbor water.
• Azure (#0086E4): A luminous, vivid blue — the color of open sky before noon.
• Pine (#006F5A): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#0E063E): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Muted Harbor color palette (#FAEDE1, #90C7ED, #678BF4, #007D7A, #241342)
• Pale Pine Atelier color palette (#EFDBD5, #00C8CC, #0090B7, #007230, #00132E)
• Petrol Station color palette (#D3E3D6, #3EB0D6, #006DA0, #004A4C, #00132E)
• Muted Petrol Delta color palette (#EDF1DE, #6DC4E4, #007099, #003D45, #000307)
• Periwinkle Thicket color palette (#F9EBE4, #88E2FC, #52ABF5, #1C9375, #252B4C)
• Tempered Denim color palette (#F1E6EC, #4F94AE, #004C7E, #002C29, #01001E)
• Aqua Ridge color palette (#ECF2E4, #00D7DE, #8AA0FB, #758318, #00201E)
• Teal Parlor color palette (#E2F4EF, #00B3A4, #008975, #004D49, #000503)

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