Tempered Canyon color palette — #E8F3FF · #C8D7FF · #BBA5DB · #317083 · #17253C

Mauve and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E8F3FF): a clean, paper-quiet neutral.
• Lilac Frost (#C8D7FF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#BBA5DB): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#317083): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#17253C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged pastel, light, muted, cool.

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 Veranda color palette (#EEF1FF, #F9D3FF, #DF9CB9, #58688F, #252339)
• Timeworn Ash Balcony color palette (#E2FCF2, #E9C8E1, #C396C9, #24797F, #4B3549)
• Sunlit Lilac color palette (#DCE8F8, #9CA3FE, #9E72B0, #005476, #040E24)
• Powdered Fuchsia color palette (#F1F0FF, #EFBCFF, #F17BC8, #405BB2, #2C1443)
• Antique Workshop color palette (#EEE8FF, #FFA8CA, #D68271, #6C5383, #1E0E2B)
• Softworn Powder color palette (#FEF0FF, #D2DFFF, #BEBFF6, #5F91B1, #513950)
• Lagoon Lagoon color palette (#ECF7FF, #DFDAE4, #C9B6A3, #5BA194, #243244)
• Misty Lilac color palette (#EEF1FE, #A88AF4, #A53B45, #5C4099, #0D030D)

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