Tempered Canyon color palette — #F4ECFF · #88D6FF · #D9BE00 · #45423B · #2C2921

Built around Saffron, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Blush (#F4ECFF): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#88D6FF): A whisper-light, balanced blue — the color of deep harbor water.
• Saffron (#D9BE00): A luminous, vivid green — the color of fresh herbs.
• Charcoal (#45423B): a grounded near-black with real depth.
• Onyx (#2C2921): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged neon, dark, vibrant, 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

• Sunlit Marigold Dune color palette (#E4E0FF, #ADCCFF, #FDAA1A, #5E3B00, #2D2317)
• Lime Hollow color palette (#F7D4D8, #B9C8FF, #B8CB00, #524600, #29271E)
• Lime Archive color palette (#E1F1FF, #00DEE6, #84C900, #174148, #1F2B28)
• Aged Glacier color palette (#E7E3FA, #02E5F7, #FFA28B, #48403D, #2D211B)
• Chartreuse Grove color palette (#D8EAFF, #00EEE0, #96E138, #5B5B54, #25251A)
• Aged Sand color palette (#E3EFFF, #FFD692, #DCCEC7, #314233, #121712)
• Sunlit Lime color palette (#F3E2E7, #E5B5FF, #4DE054, #44453E, #272919)
• Olive Boulevard color palette (#F7F5EB, #E0BE90, #6D7931, #3F470D, #242215)

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