Tempered Canyon color palette — #FFF1EF · #FFAEB9 · #D18280 · #9C685C · #58514C
A conversation between Dusty Rose and Ballet Pink, giving this palette its sense of warmth and comfort.
The five colors
- Ivory (#FFF1EF): a clean, paper-quiet neutral.
- Ballet Pink (#FFAEB9): A whisper-light, balanced red — the color of a theater curtain.
- Dusty Rose (#D18280): A luminous, balanced orange — the color of autumn markets.
- Mocha (#9C685C): A full-bodied, dusty orange — the color of toasted spice.
- Charcoal Brown (#58514C): a grounded near-black with real depth.
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
- Amber Coast color palette (#F8F2FF, #FFC8D5, #F5A2A0, #C87A64, #6C4859)
- Tempered Bloom color palette (#FFF2EA, #F9B177, #C3915B, #8A7548, #4F4C45)
- Muted Market color palette (#FFEAE9, #E1A0B2, #B67069, #8A5343, #604E00)
- Worn Station color palette (#FFE8EF, #E8B1F8, #C587B4, #9B6B84, #624542)
- Cocoa Hollow color palette (#FFF2EB, #FFC8AE, #C78A6F, #8E604C, #582800)
- Ember Alley color palette (#FFD5D5, #FF8268, #E45A00, #8F4D00, #5C3900)
- Cocoa Corridor color palette (#FFF2EB, #DFDBCC, #B8CBD9, #BB998F, #794314)
- Quiet Amber Boulevard color palette (#FFE4D4, #C87900, #8B5C00, #524100, #222000)
Browse the whole catalog at Explore, or see today's palette.