Tempered Canyon color palette — #EDF8F5 · #E3D3CF · #D4B9BA · #2C7AC1 · #08241E

A conversation between Cerulean and Onyx, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF8F5): a clean, paper-quiet neutral.
• Bone (#E3D3CF): a clean, paper-quiet neutral.
• Stone (#D4B9BA): A luminous, dusty red — the color of late-summer berries.
• Cerulean (#2C7AC1): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#08241E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, 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

• Softworn Azure Quarry color palette (#E9F1EE, #E0D1D2, #D3B3AC, #479AD4, #1D332C)
• Dusty Coast color palette (#F0F7F1, #CEE1E0, #AAC9CC, #00878E, #142217)
• Aged Violet Alley color palette (#FDF2F6, #E5D7D4, #D9BCAE, #8459CC, #2A1820)
• Ultramarine Pier color palette (#FAF2F8, #E6D5D4, #D4AFBA, #4354B4, #170513)
• Hushed Summit color palette (#E1EAF2, #C3CBDF, #A3A0B8, #005A8B, #0D171F)
• Indigo Lagoon color palette (#F6DDED, #6367D4, #2C1A42, #110504, #020018)
• Dusty Lantern color palette (#FCF4E7, #BBC08D, #5F8333, #0E5876, #191A00)
• Weathered Balcony color palette (#FFEEFC, #CABEE8, #A4729B, #735700, #283300)

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