Tempered Coast color palette — #EFF7F4 · #D1DEE2 · #B6C2C9 · #747949 · #3D4C45

Walnut takes the lead with Charcoal close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EFF7F4): a clean, paper-quiet neutral.
• Silver (#D1DEE2): bright and airy, almost weightless.
• Stone (#B6C2C9): soft and architectural.
• Walnut (#747949): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal (#3D4C45): A full-bodied, 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

• Dusty Lagoon Alley color palette (#EEF7F6, #D4DBE1, #B0AAB3, #5D8C87, #4B5554)
• Ancient Olive color palette (#F3F2EC, #D3D8D2, #B3C1B2, #6D7D36, #2E2C24)
• Washed Abyss Harbor color palette (#E1EBEE, #AEBBC4, #7E90A7, #004F53, #06232C)
• Fern Market color palette (#ECF8F6, #C1D8D8, #88AEB8, #346A00, #1D3934)
• Softworn Cabin color palette (#D7E9E3, #93B0AE, #64868C, #2E3E00, #051813)
• Muted Pine color palette (#D1EBE7, #3F8340, #16383D, #0C2421, #030F10)
• Feathered Mint color palette (#E3FCF6, #FEE399, #9CCC7D, #009A97, #164645)
• Ancient Moss color palette (#FFF1F6, #969F51, #307865, #663B69, #23443F)

Browse the whole catalog at Explore, or see today's palette.