Tempered Coast color palette — #CDE6DA · #00928F · #005363 · #002947 · #110055
Built around Deep Indigo, softened by Fern — the whole palette hums with trust and stability.
The five colors
- Celadon Mist (#CDE6DA): A whisper-light, dusty teal — the color of sea glass.
- Fern (#00928F): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005363): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#002947): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#110055): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Hazy Onyx color palette (#C6EFE8, #007990, #003D5D, #040059, #0F0026)
- Turquoise Lantern color palette (#DAF4EE, #00B2BB, #008EAE, #005D8D, #00163F)
- Pine Villa color palette (#DCE7D7, #008F5F, #00534D, #002D34, #001828)
- Weathered Pier color palette (#FCE2D1, #00766C, #004166, #401500, #001A1E)
- Antique Lantern color palette (#E6EDE4, #AEBDB3, #6D998C, #00504A, #162313)
- Ancient Nightshade Workshop color palette (#CBF2F1, #00A6D0, #0061A6, #3000A6, #38005A)
- Patina Grove color palette (#DEF6CE, #63C1C8, #0086B0, #055098, #37327A)
- Aubergine Pier color palette (#D2ECF4, #00629C, #230086, #1A0031, #070007)
Browse the whole catalog at Explore, or see today's palette.