Tempered Canyon color palette — #F1F7F2 · #C9E4F7 · #72B8F5 · #009EAC · #213964

Built around Sky, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Frost (#C9E4F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#72B8F5): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#009EAC): A luminous, balanced blue — the color of deep harbor water.
• Navy (#213964): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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

• Teal Villa color palette (#F1F7F2, #CAE2F9, #84CBD6, #51AC8C, #274D61)
• Wandering Delta color palette (#E6F2E8, #ABDCEC, #00B8D4, #009479, #003345)
• Periwinkle Ridge color palette (#FDF1F7, #B7D9F2, #6F95D7, #007D73, #3A335D)
• Washed Lagoon color palette (#E5F1E7, #7CA7C2, #2476C6, #005B69, #01002F)
• Softworn Cornflower Boulevard color palette (#E1ECE3, #9DC5E5, #4991F5, #007A91, #111550)
• Tempered Cobalt Workshop color palette (#F9F1E4, #97D0EE, #3781BD, #005A63, #2E162D)
• Frosted Blush color palette (#DAF4F7, #79D3BB, #F18ABB, #00A98D, #561E3B)
• Jade Market color palette (#E1F1E0, #76CB9A, #00B690, #009082, #004744)

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