Tempered Canyon color palette — #EEF8F5 · #9DCCC7 · #628C72 · #546D5E · #3C5250

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

The five colors

• Ivory (#EEF8F5): bright and airy, almost weightless.
• Stone (#9DCCC7): A luminous, dusty teal — the color of sea glass.
• Fern (#628C72): A luminous, dusty teal — the color of glacier melt.
• Graphite (#546D5E): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#3C5250): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Canyon 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 Summit color palette (#D9FFF2, #A8C38C, #66974C, #476F40, #2D5653)
• Dusty Lagoon Balcony color palette (#E7F6F1, #A0CDCC, #5F8B93, #6C5B6A, #213535)
• Ancient Driftwood Dune color palette (#E6FAF9, #C8E3F2, #A9ADD0, #799975, #3E5657)
• Washed Amber color palette (#E7FAF6, #9DBA8C, #D37F65, #58803D, #5E4455)
• Dusty Bronze Veranda color palette (#F7F6EA, #CCD7B1, #6CA99D, #AD694F, #46540A)
• Linen Basin color palette (#CFF4F3, #00AB84, #006A5B, #005130, #003729)
• Cerulean Corridor color palette (#E1FBFB, #5FAA81, #2997BA, #86753D, #2E4848)
• Softworn Drift color palette (#D6EADF, #8A9249, #485E00, #453F00, #0B3025)

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