Tempered Canyon color palette — #F5F3FF · #F3D1FF · #D6A5D9 · #9A789E · #3B3352

Mauve takes the lead with Thistle close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Thistle (#F3D1FF): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#D6A5D9): A luminous, balanced pink — the color of peonies in June.
• Heather (#9A789E): A luminous, dusty pink — the color of a candy shop window.
• Navy (#3B3352): A deep, shadowed, dusty violet — the color of wild irises.

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

• Muted Thicket color palette (#FFEFFF, #FAD2C5, #EFA5AF, #B07D86, #442E48)
• Tempered Petal Corridor color palette (#FFF1F4, #F2C2FB, #BB8FC2, #7B597E, #4C2931)
• Patina Delta color palette (#FFECEF, #ECBBC4, #9E6EA0, #663269, #2A0F2D)
• Hushed Straw color palette (#F7F3FE, #DFE4A0, #B98FAF, #70697E, #2D2933)
• Taupe Meadow color palette (#F8F3FA, #FFCEE0, #CFB37C, #D496AD, #273129)
• Hushed Coast color palette (#F8F2FF, #FAA3D3, #6DC8CB, #62A7AC, #413949)
• Tempered Sunflower Delta color palette (#CFE8FF, #F4E000, #E1C7FF, #626374, #2E2E36)
• Misty Fuchsia Market color palette (#FFF0F7, #FFC0E1, #EF73CD, #B4539A, #47002F)

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