Tempered Canyon color palette — #ECF3FF · #B5AEE1 · #7E7DA3 · #6B5B6C · #5E4146

Built around Mauve, softened by Slate Blue — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#ECF3FF): bright and airy, almost weightless.
• Mauve (#B5AEE1): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#7E7DA3): A luminous, dusty violet — the color of a velvet chair.
• Graphite (#6B5B6C): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#5E4146): A full-bodied, dusty red — the color of embers at dusk.

Feels like: Creativity, Sophistication. Tagged vintage, retro, 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

• Stone Delta color palette (#F6F3FF, #D5A8C1, #97839F, #7E5D69, #3A5341)
• Weathered Bloom color palette (#DFE3FF, #A9A4FF, #7964BA, #604B7E, #4F3B56)
• Lilac Atelier color palette (#DFDCED, #BC90D3, #8D5E88, #6F392A, #443302)
• Violet Atelier color palette (#FBF1FF, #D7A6ED, #9161A6, #563564, #3A2043)
• Cerulean Parlor color palette (#ECF8F7, #BFE1FD, #5F8FBA, #2D6A81, #344962)
• Driftwood Thicket color palette (#E9F8FF, #BFD2EF, #A5B9CF, #929160, #225660)
• Muted Harbor color palette (#F3F4FF, #AD8AE8, #059CA6, #70549E, #1B4957)
• Driftwood Field color palette (#FFD3FA, #DE9EBC, #AC6574, #745021, #2F4D38)

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