Tempered Canyon color palette — #F9EEF4 · #B0E6FC · #6F90B9 · #236C5E · #232B42

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

The five colors

• Blush (#F9EEF4): bright and airy, almost weightless.
• Powder Blue (#B0E6FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#6F90B9): A luminous, dusty blue — the color of open sky before noon.
• Pine (#236C5E): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#232B42): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Cobalt Terrace color palette (#FAEEF5, #77E0FF, #1E87D8, #00644F, #1C1F4B)
• Aged Cerulean color palette (#EDF8F7, #C7E0F0, #4E93B8, #006E7F, #324A60)
• Aged Iris color palette (#ECF2FF, #7D82DF, #5B9041, #567549, #161D32)
• Washed Shell Grove color palette (#EDF1FF, #E1D4E0, #FAB9AC, #4B7E97, #2A2A3F)
• Muted Powder Parlor color palette (#FAF4EC, #BFE4F4, #83C3F1, #3F9095, #4C364D)
• Cerulean Workshop color palette (#FCE9F7, #148796, #00405E, #002112, #00000D)
• Aged Villa color palette (#EEE5EE, #19B2AF, #006279, #003D0A, #000B1B)
• Petrol Alley color palette (#F5E4EB, #82BCDA, #426AAB, #004C44, #160C36)

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