Tempered Canyon color palette — #FAE9F4 · #B9BA70 · #5155B7 · #2D315A · #1F111B

A conversation between Cobalt and Sage, giving this palette its sense of nature and growth.

The five colors

• Blush (#FAE9F4): A whisper-light, dusty pink — the color of neon signs at night.
• Sage (#B9BA70): A luminous, balanced green — the color of fresh herbs.
• Cobalt (#5155B7): A full-bodied, balanced violet — the color of wild irises.
• Navy (#2D315A): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#1F111B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark, 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

• Aged Denim Thicket color palette (#F6EAF6, #E6A472, #2C64A6, #1C3656, #1D111E)
• Mulberry Harbor color palette (#F8EBEE, #A5C072, #7F4993, #432A4C, #201115)
• Weathered Denim Bloom color palette (#F1F5FF, #EACC8E, #5A5D95, #232346, #02030C)
• Washed Cobalt color palette (#E6EFFF, #CACE8B, #7584BE, #48537E, #0D1627)
• Misty Parlor color palette (#F7DDE3, #88BE46, #8A00AE, #47055B, #1D070E)
• Patina Chapel color palette (#FCF2F4, #C8D8AD, #9B699B, #604449, #342729)
• Ancient Canyon color palette (#EAEEFC, #DE7A7A, #433773, #221A3F, #140E1B)
• Dusty Boulevard color palette (#F3D9E8, #76A328, #4221A4, #1A054D, #080004)

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