Tempered Canyon color palette — #F0F5FF · #CFFFB5 · #FFD0CB · #571D00 · #231A17

Butter and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Butter (#CFFFB5): A whisper-light, balanced green — the color of new leaves after rain.
• Shell Pink (#FFD0CB): A whisper-light, dusty orange — the color of sun-warmed clay.
• Espresso (#571D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#231A17): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, 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

• Tempered Chapel color palette (#DAFDFF, #FFF466, #FFCCE0, #412D2B, #1E1616)
• Timeworn Cocoa Villa color palette (#FFF2EC, #FFE2A5, #9E655A, #5E2500, #190C06)
• Seafoam Alley color palette (#FCEDFF, #69FFD8, #FFC55C, #3C2702, #181006)
• Apricot Study color palette (#FFF2EB, #FF8F6A, #37B4A6, #4B769E, #322014)
• Wandering Parlor color palette (#FFEADA, #D0CCD7, #978F87, #6D3D00, #2B2521)
• Weathered Seafoam color palette (#D6EFFF, #69EF99, #FFADB7, #745B55, #2E221F)
• Hazy Harbor color palette (#D6ECE4, #62DEFF, #EA6A71, #351A34, #140C14)
• Pale Quarry color palette (#F7E4F8, #F0BC07, #FF8C75, #522F36, #2E262C)

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