Tempered Canyon color palette — #E3F0EF · #71AACB · #005A8A · #002A35 · #000104

A conversation between Peacock and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Cream (#E3F0EF): bright and airy, almost weightless.
• Blue Fog (#71AACB): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#005A8A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#002A35): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Worn Petrol color palette (#E0F2F2, #93BCDB, #006AB4, #003B4E, #00020B)
• Muted Cerulean color palette (#E8ECE0, #3C89B2, #004065, #00212A, #000919)
• Feathered Sapphire Summit color palette (#EADDE3, #69A9CD, #0071DE, #005D5F, #06012A)
• Worn Cerulean color palette (#ECF8F5, #B2F4F3, #00A5B1, #006B5F, #00232A)
• Hushed Plum color palette (#E7D9EB, #AC3E5F, #605500, #550023, #010100)
• Deep Bronze color palette (#F5E1E8, #926A2F, #573200, #210C00, #020100)
• Aged Hollow color palette (#EFF7F6, #D8DDE8, #84C4EB, #0091A9, #284259)
• Ancient Garnet Coast color palette (#EEDDF1, #E89992, #D4754F, #710041, #040000)

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