Tempered Coast color palette — #EFEFE6 · #99BC9D · #007683 · #00504A · #00343F

Built around Teal, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Cream (#EFEFE6): bright and airy, almost weightless.
• Sage (#99BC9D): A luminous, dusty green — the color of new leaves after rain.
• Teal (#007683): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#00343F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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 Grove color palette (#F5F6EB, #AFCEB8, #24859D, #005F61, #034155)
• Dusty Drift color palette (#ECF0E4, #8BB7DA, #386BA0, #004C66, #112C59)
• Turquoise Lagoon color palette (#E7F1EF, #9FE1E4, #00B9CD, #009288, #00343F)
• Ash Harbor color palette (#F5F6EE, #C9E3DE, #66A4B3, #5B7759, #385144)
• Patina Cerulean color palette (#E9ECDC, #4D8A9B, #004357, #002225, #000B13)
• Worn Navy color palette (#ECF3DF, #6495BD, #00498B, #002D3F, #000E3B)
• Terracotta Boulevard color palette (#FFEBDF, #F7B68C, #BD8F55, #954542, #3B3430)
• Hushed Driftwood color palette (#E5DDCD, #938A3F, #675400, #483300, #262600)

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