Tempered Canyon color palette — #ECE3D6 · #6B98BC · #0451B7 · #003947 · #040327

Cobalt and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#ECE3D6): a clean, paper-quiet neutral.
• Slate Blue (#6B98BC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#0451B7): A full-bodied, vivid blue — the color of deep harbor water.
• Deep Teal (#003947): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#040327): A deep, shadowed, dusty 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

• Tempered Harbor color palette (#DFEFEF, #73A8D5, #0053A0, #00293A, #000108)
• Patina Cerulean Courtyard color palette (#E9E2D8, #3EA1B8, #006082, #003C3A, #000A17)
• Muted Nightshade Harbor color palette (#F8E8D7, #4887B3, #1F2699, #002222, #0F0023)
• Sapphire Dune color palette (#F7E5EB, #6FA7D3, #476ECD, #005C65, #0A0028)
• Patina Lagoon color palette (#E5DDD2, #73BCDC, #007BBD, #00585E, #001C49)
• Cerulean Coast color palette (#F3EEE5, #91D1D9, #0095B6, #006D60, #00324A)
• Timeworn Aubergine Meadow color palette (#E9E8D3, #61871F, #6B0097, #2A4000, #0C0016)
• Dusty Turquoise Pier color palette (#FAF4EC, #AAE8E8, #00AFC4, #008568, #00475B)

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