Tempered Coast color palette — #EAF9F2 · #A0D0C0 · #7D9A60 · #966258 · #2A4A40
Built around Moss, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Ivory (#EAF9F2): bright and airy, almost weightless.
- Pistachio (#A0D0C0): A luminous, dusty teal — the color of shallow lagoons.
- Moss (#7D9A60): A luminous, balanced green — the color of new leaves after rain.
- Walnut (#966258): A full-bodied, dusty orange — the color of autumn markets.
- Forest (#2A4A40): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Timeworn Driftwood Basin color palette (#E8FAF2, #92C0B1, #6C8C51, #7C5D34, #163D33)
- Worn Ash color palette (#EDF8F6, #BAD8D6, #6FA7A9, #93737E, #385352)
- Bronze Canyon color palette (#FAF5E3, #DDEFAF, #8DA875, #A36443, #3A3932)
- Gentle Moss Terrace color palette (#EAFAEE, #CABC73, #8D8B22, #9E5121, #443B06)
- Dusty Basalt color palette (#FAF4EA, #CEDCA9, #8FB991, #A28891, #4C4300)
- Aged Harbor color palette (#ECF9F0, #AAB688, #46844C, #54567A, #2B4940)
- Feathered Rust color palette (#FFF0F8, #E4A889, #76B874, #CA5B0A, #2C4B2B)
- Pine Lagoon color palette (#D5F3EB, #80BD7B, #008F49, #8B4500, #053904)
Browse the whole catalog at Explore, or see today's palette.