Tempered Coast color palette — #F3F2EB · #D2D9D3 · #ADC2BA · #697D4A · #2D2D23

Built around Walnut, softened by Stone — the whole palette hums with nature and growth.

The five colors

• Cream (#F3F2EB): a clean, paper-quiet neutral.
• Silver (#D2D9D3): a clean, paper-quiet neutral.
• Stone (#ADC2BA): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#697D4A): A full-bodied, dusty green — the color of new leaves after rain.
• Onyx (#2D2D23): quiet, heavy and certain.

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 Lagoon color palette (#F5F6EF, #D5DDD5, #B8C3BA, #5D8042, #48483F)
• Weathered Parlor color palette (#F6F2E5, #B7B68C, #4E8264, #695200, #292912)
• Cypress Market color palette (#EDF4EE, #CDD9D9, #C0B2BE, #227178, #17241A)
• Hushed Basalt color palette (#EEE6CB, #BBC1A7, #7B927D, #734F48, #522900)
• Patina Forest Summit color palette (#F1F3E9, #CAD9C2, #94B59B, #076E29, #191C06)
• Washed Station color palette (#DFE0D3, #9BA391, #708170, #174100, #040500)
• Mint Villa color palette (#F0F4E4, #F7E59D, #89C78B, #0099A4, #19270F)
• Softworn Station color palette (#FFEEE2, #8AA866, #177B72, #633357, #21250E)

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