Tempered Coast color palette — #EEF8F2 · #CCDDDE · #A2C9CE · #958800 · #30453A
Built around Olive Leaf, softened by Ash — the whole palette hums with nature and growth.
The five colors
- Ivory (#EEF8F2): a clean, paper-quiet neutral.
- Silver (#CCDDDE): bright and airy, almost weightless.
- Ash (#A2C9CE): A luminous, dusty blue — the color of deep harbor water.
- Olive Leaf (#958800): A luminous, balanced green — the color of fresh herbs.
- Forest (#30453A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication. Tagged scandi, 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
- Olive Courtyard color palette (#E6F1ED, #CCDCD7, #9DC0B9, #717900, #23322C)
- Muted Emerald color palette (#ECF8F7, #CFDCE2, #A8C5D7, #08A14F, #304443)
- Softworn Amber color palette (#FEF1F7, #E5D5D3, #B0CBC4, #C66A1B, #4B3A42)
- Patina Ridge color palette (#F9F5EC, #D5E3CC, #B6CABA, #B5A461, #523C00)
- Antique Moss Field color palette (#CCE7E0, #659800, #2A4F29, #1B2D01, #021610)
- Softworn Moss color palette (#EBF9EF, #C6BD74, #898D00, #7F6607, #413B0F)
- Teal Meadow color palette (#EFF7F8, #D5DADF, #B1B1BE, #59AD9D, #495557)
- Forest Alley color palette (#D7E4E3, #A3B9BB, #7C9CA1, #00633B, #021818)
Browse the whole catalog at Explore, or see today's palette.