Tempered Canyon color palette — #E4F7ED · #A2B569 · #5F845B · #215B67 · #1D312C

A conversation between Sage and Fern, giving this palette its sense of nature and growth.

The five colors

• Cream (#E4F7ED): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#A2B569): A luminous, balanced green — the color of new leaves after rain.
• Fern (#5F845B): A full-bodied, dusty green — the color of new leaves after rain.
• Peacock (#215B67): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#1D312C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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

• Ancient Teal color palette (#DFF9F1, #69BF9E, #2E8882, #3F5273, #193033)
• Dusty Courtyard color palette (#ECF4EF, #A3CFBA, #808859, #53675A, #25352E)
• Muted Ridge color palette (#FFF4E2, #A9AD72, #5B8264, #53557D, #504900)
• Ancient Stone Meadow color palette (#FFF0F9, #D1BC82, #6D9F8A, #7C6489, #374D46)
• Straw Terrace color palette (#E0F8F1, #F7F59A, #BBDC8A, #77A380, #18332D)
• Aged Moss color palette (#E2F2EE, #5C952A, #24423F, #16211E, #080E0C)
• Emerald Meadow color palette (#CCF3E6, #00A36C, #006A5F, #183961, #001D1F)
• Timeworn Alley color palette (#EAF4F3, #D1DBEF, #70A4BF, #37767F, #283846)

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