Tempered Coast color palette — #EDF5E4 · #C7DED4 · #BBABB0 · #609775 · #333C2D
Built around Fern, softened by Silver — the whole palette hums with nature and growth.
The five colors
- Cream (#EDF5E4): A whisper-light, dusty green — the color of new leaves after rain.
- Silver (#C7DED4): A whisper-light, dusty teal — the color of shallow lagoons.
- Ash (#BBABB0): soft and architectural.
- Fern (#609775): A luminous, dusty teal — the color of sea glass.
- Forest (#333C2D): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged pastel, 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
- Muted Driftwood Balcony color palette (#E4FBF9, #CEDEEC, #B8AABA, #689486, #425557)
- Softworn Basalt color palette (#F0F5E2, #C6E3D0, #D0C9D7, #809E72, #334400)
- Muted Harbor color palette (#F8F1E6, #C8B99D, #957F55, #6F522B, #342B16)
- Petrol Boulevard color palette (#E5F7EF, #B7DCF5, #C1B6E3, #2B819A, #12352B)
- Timeworn Thicket color palette (#D9E4D2, #4B958E, #007783, #004029, #000201)
- Muted Cypress color palette (#EEF3ED, #C9C59C, #2D6E67, #20381A, #10160E)
- Muted Sky color palette (#E0FBDB, #C8EBFF, #24C6EF, #007F69, #003232)
- Tempered Indigo Boulevard color palette (#D1E3F2, #749FD7, #6372D5, #00455C, #000714)
Browse the whole catalog at Explore, or see today's palette.