Tempered Canyon color palette — #FEF4E4 · #9ED3F8 · #357BCC · #004F5D · #030037

Azure takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FEF4E4): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#9ED3F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#357BCC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#004F5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#030037): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Cerulean Archive color palette (#FDF4E6, #9AD8E3, #0087AC, #00524C, #000E1B)
• Dusty Denim color palette (#DAE6DC, #64A7D2, #0056A5, #003C47, #111B42)
• Aged Cerulean Coast color palette (#FCF4E8, #B4F3F3, #29A3B6, #006C55, #00222E)
• Wandering Iris Courtyard color palette (#E8DDD4, #9ECBBC, #6F8CE5, #007D7B, #251144)
• Muted Periwinkle color palette (#FBF4EA, #DAD5DF, #7EAEFF, #0084A0, #282F63)
• Denim Coast color palette (#ECE1D0, #69ABD0, #005795, #002A30, #00000B)
• Weathered Amber color palette (#FFEAD6, #E08822, #0073B3, #713F00, #000813)
• Aubergine Delta color palette (#FDDBB4, #A86A00, #007B76, #7426A0, #030100)

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