Tempered Coast color palette — #F7F5EE · #BDE2D8 · #86BCA8 · #9E7D74 · #464B00
Built around Deep Olive, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#F7F5EE): a clean, paper-quiet neutral.
- Silver (#BDE2D8): A whisper-light, dusty teal — the color of sea glass.
- Mint Leaf (#86BCA8): A luminous, dusty teal — the color of glacier melt.
- Mocha (#9E7D74): A luminous, dusty orange — the color of autumn markets.
- Deep Olive (#464B00): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, 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
- Wandering Drift color palette (#EAF9F4, #B7EAE0, #8BC2BC, #8BA18F, #3C524E)
- Bronze Courtyard color palette (#F8F5ED, #CCE8C6, #6DAE8C, #8B742B, #393932)
- Aged Lagoon Courtyard color palette (#EDF8F4, #9FCBC4, #548C8B, #785D6B, #3E524E)
- Lime Archive color palette (#FFF4E0, #F3EEA8, #A5C36E, #618758, #4D4F48)
- Washed Balcony color palette (#F4F9DB, #BEEEE2, #8BC683, #51764B, #292E0B)
- Softworn Mallow color palette (#F9F4EF, #C4E1F4, #CCBCF3, #619DA6, #5B4651)
- Wandering Pine Lagoon color palette (#FCF4E5, #95AD60, #007430, #483B00, #090800)
- Mallow Basin color palette (#F9F6E1, #C3D596, #C0ABFF, #CF8AA7, #3A3932)
Browse the whole catalog at Explore, or see today's palette.