Tempered Coast color palette — #FEF2EC · #7FC6C8 · #007A95 · #00593B · #003656

Teal and Deep Olive set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FEF2EC): bright and airy, almost weightless.
• Mint Leaf (#7FC6C8): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007A95): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#00593B): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#003656): 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

• Frosted Pier color palette (#FFF2EA, #86C1DA, #0072BB, #005652, #192776)
• Weathered Petrol Loft color palette (#E2F7F3, #79CBCF, #00818E, #00524B, #001E25)
• Cerulean Garden color palette (#F6F7E3, #83DCDF, #009EAE, #00736A, #003A45)
• Cobalt Summit color palette (#FCF3ED, #AFD9C6, #2381DB, #006666, #313A71)
• Ancient Denim color palette (#F6E6DF, #6FAAB0, #00607C, #00402E, #00213C)
• Aged Glacier color palette (#FFF0FB, #3CF5FA, #00BDE4, #009C6A, #003655)
• Crimson Canyon color palette (#FEDCD1, #E83355, #007E92, #95002B, #00343E)
• Hushed Bloom color palette (#FAF3F0, #CCE6E2, #77A592, #247F6B, #5E4B5F)

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