Tempered Canyon color palette — #F9F4EE · #C9E9EE · #C7A4C2 · #558FA5 · #614A5A

A conversation between Storm Blue and Mauve, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Frost (#C9E9EE): A whisper-light, dusty blue — the color of open sky before noon.
• Mauve (#C7A4C2): A luminous, dusty pink — the color of neon signs at night.
• Storm Blue (#558FA5): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#614A5A): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Muted Stone Market color palette (#EDF9EC, #92D2D0, #E29AA4, #449C9A, #694137)
• Cypress Harbor color palette (#F9F4EF, #CAE6EB, #8F95C3, #0F7D84, #654953)
• Timeworn Powder color palette (#F2F7F1, #DCDEEB, #B6C2FF, #6CAFB2, #505164)
• Cobalt Studio color palette (#F6EDE0, #84B7E2, #4574BC, #005669, #14174A)
• Ancient Turquoise Hollow color palette (#FAF4EC, #BEEADD, #58B4C4, #3B8B72, #2B513F)
• Timeworn Aqua Study color palette (#EAFAEB, #5EC3C9, #BD93C7, #AB8D5B, #344837)
• Ancient Loft color palette (#FBF4EA, #B8DFCE, #5C9BD5, #007A87, #273A5E)
• Dusty Meadow color palette (#E9E2D6, #57A0A4, #006374, #003D31, #000B12)

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