Tempered Canyon color palette — #FFF1F3 · #DEA0C0 · #BD6071 · #8D5349 · #57504B

Mocha takes the lead with Carnation close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Carnation (#DEA0C0): A luminous, balanced rose — the color of a warm blush.
• Mocha (#BD6071): A luminous, balanced red — the color of embers at dusk.
• Coffee (#8D5349): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal Brown (#57504B): quiet, heavy and certain.

Feels like: Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Shell Studio color palette (#FFF1F0, #FFAEC8, #CB808F, #A16B70, #554D4A)
• Worn Rust Alley color palette (#FFF2EC, #F3B5A5, #BC6A61, #733C38, #5A2600)
• Dusty Delta color palette (#FFF0F8, #BDA2DD, #A567B1, #854F70, #644542)
• Amber Quarry color palette (#FFF2ED, #E59D8B, #C0732B, #7C5B1E, #4F5049)
• Tempered Balcony color palette (#FFF2EE, #E0DBCE, #BDD7A3, #A1797C, #7E4123)
• Lagoon Workshop color palette (#FFF2EE, #CB7F85, #009E97, #1F839D, #523D36)
• Coral Ridge color palette (#FADCDC, #E47763, #A15400, #6A4500, #473903)
• Muted Balcony color palette (#F1DDE4, #FF6F8B, #C90910, #7F3500, #563200)

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