Tempered Canyon color palette — #EEF7FA · #D5DAE2 · #B8BFCC · #388184 · #3E4A4E

Teal takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#EEF7FA): a clean, paper-quiet neutral.
• Silver (#D5DAE2): bright and airy, almost weightless.
• Ash (#B8BFCC): a calm mid-gray that lets other colors speak.
• Teal (#388184): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#3E4A4E): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, 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

• Washed Lagoon color palette (#ECF3F5, #D3D8E1, #BABCD0, #008683, #202F33)
• Softworn Summit color palette (#E0F0FF, #A3BAD8, #7281A3, #6A5B7B, #5B4450)
• Softworn Abyss color palette (#E1EDF3, #96ADBA, #63849B, #003F48, #03161E)
• Weathered Pine Garden color palette (#ECF8F4, #9FB990, #597E58, #316364, #2A4943)
• Aged Navy Lagoon color palette (#E1E5F1, #B5B8CA, #8C8CA1, #423682, #191E31)
• Quiet Azure color palette (#EAF8FF, #81FBFF, #57C3DF, #3D99D1, #1A4155)
• Dusty Turquoise Grove color palette (#DAFEFA, #4CA6B9, #2D7195, #594171, #204253)
• Weathered Workshop color palette (#EFF7FB, #D6DBE5, #BCBFCB, #3A7F90, #3C4A51)

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