Tempered Coast color palette — #EEE1DD · #5BB3AE · #00728A · #084E0A · #001529
Built around Deep Olive, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Parchment (#EEE1DD): a clean, paper-quiet neutral.
- Turquoise (#5BB3AE): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#00728A): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#084E0A): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#001529): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Faded Petrol color palette (#EADCD4, #67ADC2, #006AAE, #004C3B, #0C0540)
- Hushed Corridor color palette (#FBE7F4, #7DC6C3, #007487, #004123, #000306)
- Ancient Summit color palette (#F0F1E3, #5DC3C1, #00959D, #006E60, #00181C)
- Timeworn Pier color palette (#D9E9DB, #33A29E, #00545D, #003123, #00171F)
- Antique Terrace color palette (#D8F0FB, #007093, #6B5A00, #425200, #00090F)
- Antique Iris color palette (#F6EDE3, #9EC9F2, #6F7CDD, #006B6F, #36244A)
- Tempered Summit color palette (#D3EAFF, #C1A3FF, #E8619E, #006B6C, #07173F)
- Cerulean Studio color palette (#FFF2ED, #86DBE2, #0099CC, #007743, #0B2F6A)
Browse the whole catalog at Explore, or see today's palette.