Tempered Coast color palette — #FAF4EB · #C7EBD0 · #31C3EE · #14A192 · #1A4337
Cyan and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FAF4EB): a clean, paper-quiet neutral.
- Celadon Mist (#C7EBD0): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#31C3EE): A luminous, balanced blue — the color of open sky before noon.
- Fern (#14A192): A luminous, balanced teal — the color of sea glass.
- Forest (#1A4337): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Patina Sky Loft color palette (#F9F4EC, #BBEDDA, #78B6F9, #199CB0, #2A395D)
- Muted Orchard color palette (#F8F4EE, #CDE7E1, #86D4EB, #70B1A2, #365146)
- Wandering Petrol color palette (#F1EADF, #62ADBE, #007FA7, #005E59, #000A16)
- Softworn Coast color palette (#FBF2F9, #CFD7EB, #5CB0E0, #32805A, #1E2D4D)
- Wandering Cerulean Terrace color palette (#E9F5F3, #A5CFE0, #31889D, #005B5B, #002435)
- Gentle Harbor color palette (#E9FDD4, #79EAC4, #00C090, #008C65, #00291B)
- Ancient Iris color palette (#DFEACB, #46CA8C, #9299FF, #D97756, #26300D)
- Misty Clover Veranda color palette (#EAF2D6, #95CE6A, #2EB83D, #198D55, #01483A)
Browse the whole catalog at Explore, or see today's palette.