Tempered Canyon color palette — #FAF2F8 · #E7D7D6 · #D2BBB4 · #5D72B6 · #241B22

Slate and Stone set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Bone (#E7D7D6): bright and airy, almost weightless.
• Stone (#D2BBB4): A luminous, dusty orange — the color of autumn markets.
• Slate (#5D72B6): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#241B22): quiet, heavy and certain.

Feels like: Creativity, 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 Petrol color palette (#EDF8F2, #D0DEE0, #E1C0C4, #25829C, #0F2319)
• Hushed Bloom color palette (#FFF1F7, #E5D5D1, #D1B2B0, #624EA2, #16070F)
• Iris Quarry color palette (#ECEEF4, #D5D0DD, #C2B4CE, #7985F6, #272E3D)
• Muted Orchid Meadow color palette (#FFF1F3, #E3D8D1, #A7B69F, #A75CAD, #381A21)
• Denim Meadow color palette (#EBEFF6, #C9CBD8, #A29BBB, #3C508F, #262E3C)
• Weathered Pier color palette (#EEF4FF, #D4A9B9, #AB7B8E, #325F4B, #263112)
• Twilit Byzantium Quarry color palette (#FCDBE8, #8C4BDD, #3B181C, #1E1B0C, #0C0105)
• Washed Archive color palette (#FCF4E5, #AFC48F, #418856, #574775, #131C00)

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