Tempered Canyon color palette — #D5E7E5 · #ABCBD0 · #8AAABC · #2B7232 · #0C2422

A conversation between Olive and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Silver (#D5E7E5): bright and airy, almost weightless.
• Oat (#ABCBD0): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#8AAABC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#2B7232): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#0C2422): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Aged Orchard color palette (#CFE3E4, #9CBAC6, #8198AE, #006249, #011819)
• Aged Emerald Delta color palette (#DCE6E6, #B3C3CB, #94AAB9, #00995B, #002525)
• Softworn Petrol Meadow color palette (#E5F1F8, #CED8E8, #B3B6CA, #2F7C95, #223038)
• Tempered Jade color palette (#D3EBE2, #3DAA6C, #00706A, #434A12, #00201F)
• Tempered Cobalt Bloom color palette (#E0E7DB, #5BA9A0, #3879AC, #6C4237, #351C2F)
• Cobalt Atelier color palette (#B7EAF1, #B7B700, #00AB8C, #0072D1, #00181D)
• Faded Aubergine Pier color palette (#C6E9E1, #538E12, #5227A7, #650107, #2A0001)
• Wandering Emerald Courtyard color palette (#F5DEE2, #009B3D, #00627C, #64103B, #001B16)

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