Tempered Canyon color palette — #FFF2EE · #D79F9F · #56A7AD · #A5585B · #36563C

Built around Brick, softened by Turquoise — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Rosewood Mist (#D79F9F): A luminous, dusty red — the color of embers at dusk.
• Turquoise (#56A7AD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Brick (#A5585B): A full-bodied, balanced red — the color of a theater curtain.
• Deep Olive (#36563C): A full-bodied, dusty green — the color of new leaves after rain.

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

• Dusty Canyon color palette (#FFF1F2, #CAA1C2, #74A77F, #945C8B, #485406)
• Patina Rust Garden color palette (#F8EEF7, #DCA2A1, #44AEB6, #B44A4F, #0C3743)
• Aged Bloom color palette (#FFF2ED, #F0B2B0, #70C0C9, #CF696B, #37553E)
• Washed Bronze Corridor color palette (#FFF3E8, #D5A47F, #7B9AC8, #9A6437, #5E425E)
• Weathered Grove color palette (#FFF2EC, #C88378, #4398A0, #37789B, #48413D)
• Weathered Bronze Balcony color palette (#FDF4E6, #C0B898, #9F7938, #854E20, #494C00)
• Patina Harbor color palette (#FFF2EC, #E36950, #008ABA, #A81F00, #004059)
• Cocoa Market color palette (#FFF2EB, #F5C0B1, #AC7069, #743C2F, #5A2800)

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