Tempered Coast color palette — #FCF2F6 · #BDDECB · #98B786 · #A980A7 · #31493C
Built around Sage, softened by Dusty Rose — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF2F6): bright and airy, almost weightless.
- Celadon Mist (#BDDECB): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#98B786): A luminous, dusty green — the color of a quiet forest floor.
- Dusty Rose (#A980A7): A luminous, dusty pink — the color of neon signs at night.
- Forest (#31493C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, muted, light.
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
- Stone Archive color palette (#EEF8F2, #C6E6E0, #8FC0C5, #A891AC, #36544F)
- Hushed Teal color palette (#EBFAEF, #BCD3A3, #60B38E, #8F76AD, #043F35)
- Hazy Peony color palette (#F8F2FF, #F2B7D9, #9ECD8D, #E66CBA, #2C4C1E)
- Wandering Basalt Boulevard color palette (#F9F5E7, #C8C79F, #709C75, #557595, #484400)
- Timeworn Jade Drift color palette (#D7F4DF, #AFCC88, #24BF84, #AC4674, #233400)
- Mint Workshop color palette (#F7F3FF, #E3A9D2, #67CC98, #00B1AA, #3D324D)
- Worn Pine Summit color palette (#FAF0E5, #B2B986, #55815C, #6A4B50, #2C2713)
- Tempered Jade Harbor color palette (#F9F3F8, #D0E1F8, #7DC7F4, #4DAE7F, #354867)
Browse the whole catalog at Explore, or see today's palette.