Tempered Canyon color palette — #E9F8FE · #00A4B5 · #6F76B5 · #874351 · #112C27

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

The five colors

• Ivory (#E9F8FE): bright and airy, almost weightless.
• Cerulean (#00A4B5): A luminous, balanced blue — the color of open sky before noon.
• Slate (#6F76B5): A full-bodied, balanced violet — the color of a velvet chair.
• Coffee (#874351): A full-bodied, balanced red — the color of late-summer berries.
• Deep Forest (#112C27): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Creativity, Balance. Tagged jewel, 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

• Iris Drift color palette (#EEF8EF, #00B4BB, #8774CC, #8D473A, #121906)
• Teal Grove color palette (#E6FAFD, #2AA98F, #2087A4, #80477D, #1C3424)
• Softworn Violet color palette (#EDF7FF, #64A6D6, #9962A5, #7E5223, #0B2E34)
• Timeworn Turquoise Orchard color palette (#E8F8FF, #2AB9C8, #A66B8A, #8A4842, #3D3A06)
• Cerulean Courtyard color palette (#FFF0F8, #6DC3B9, #548CB8, #8C5333, #20424F)
• Patina Cobalt Orchard color palette (#ECF7FF, #0090D3, #996300, #4A5C00, #002422)
• Timeworn Cerulean Lantern color palette (#D4E8F3, #1F9FBC, #3B4F65, #1D313B, #0F1A1D)
• Washed Pier color palette (#EEF7F9, #D6DBE4, #BDBFCC, #579E98, #3B4B4F)

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