Tempered Canyon color palette — #E0E9E1 · #3F81A1 · #003E69 · #001F23 · #000109

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

The five colors

• Parchment (#E0E9E1): bright and airy, almost weightless.
• Cerulean (#3F81A1): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003E69): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#001F23): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000109): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Sophistication. 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

• Dusty Navy Basin color palette (#F4E7DD, #4C89A6, #003586, #00231F, #0B0027)
• Midnight Denim color palette (#E4F0FE, #005EAB, #002D50, #261B22, #000714)
• Softworn Lantern color palette (#CCE2F5, #6B8DD8, #6E5B9B, #003843, #00010B)
• Dusty Denim Courtyard color palette (#E6DED1, #669AB5, #005B97, #003A41, #000526)
• Muted Harbor color palette (#E2ECE4, #7FC1C0, #007987, #004D3A, #001922)
• Eclipse Denim Courtyard color palette (#D3E6F5, #005276, #5D2C00, #002133, #030100)
• Garnet Loft color palette (#DFF0FF, #003F64, #5F002B, #1D2700, #000103)
• Airy Sapphire color palette (#E7F7EA, #87C1FA, #3969D9, #004E64, #14054F)

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