Tempered Canyon color palette — #F1F7F0 · #DCDEEC · #9DB2D6 · #658D9E · #4D5166

Mauve takes the lead with Storm Blue close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F1F7F0): a clean, paper-quiet neutral.
• Silver (#DCDEEC): a clean, paper-quiet neutral.
• Mauve (#9DB2D6): A luminous, dusty violet — the color of twilight just after sunset.
• Storm Blue (#658D9E): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#4D5166): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged coastal, cool, 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

• Ash Basin color palette (#EEF6FF, #DCD9E3, #BEB1A1, #84AABD, #434C5C)
• Patina Orchard color palette (#FBF2F8, #C3EDF9, #62B2C5, #5A866B, #304B5F)
• Muted Aqua color palette (#E9F8FF, #6DD1F8, #60A5D8, #6979A5, #454C63)
• Washed Corridor color palette (#EEF6FF, #97C9FF, #CFAA7A, #6390C1, #3D543C)
• Timeworn Periwinkle Dune color palette (#F0F5FF, #CADDFF, #8DA0DB, #586992, #25354E)
• Weathered Cobalt Parlor color palette (#EFE2E6, #74B9EC, #4A71C3, #005860, #1D1448)
• Timeworn Grove color palette (#EEF6FF, #78B5FD, #CD9960, #A3915C, #384451)
• Softworn Teal color palette (#F3E4EF, #3EA3A7, #006278, #003E28, #000A15)

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