Tempered Canyon color palette — #FFF0F8 · #FFA677 · #00B6EC · #B15B29 · #002C3D

Cyan takes the lead with Ochre close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Melon (#FFA677): A luminous, balanced orange — the color of autumn markets.
• Cyan (#00B6EC): A luminous, balanced blue — the color of open sky before noon.
• Ochre (#B15B29): A full-bodied, balanced orange — the color of autumn markets.
• Midnight (#002C3D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Ancient Amber color palette (#FEE7F2, #F8AA78, #32C3E3, #CD793E, #003C49)
• Patina Rust color palette (#FFEFFF, #FFA0A6, #00BDC1, #B4535D, #002F30)
• Worn Honey color palette (#E9FBEB, #FFC250, #7094EE, #9A6D00, #18254A)
• Cocoa Bloom color palette (#FAE4D5, #C47D57, #0088AE, #883B00, #00202B)
• Weathered Tangerine color palette (#FFF1F7, #F68317, #00AE91, #8371B5, #2A121E)
• Antique Studio color palette (#FFF0F8, #F6B986, #BA7656, #7C4741, #152616)
• Taupe Pier color palette (#FFF1F6, #CFF9CF, #D1DDCD, #C08174, #223420)
• Aged Studio color palette (#E8FBF0, #F0E99E, #C7C4FF, #A29C63, #3E455E)

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