Tempered Canyon color palette — #E9F8FF · #D5DAE5 · #C7B6D7 · #67919D · #3F5561
A conversation between Lavender and Storm Blue, giving this palette its sense of sophistication and softness.
The five colors
- Ivory (#E9F8FF): a clean, paper-quiet neutral.
- Silver (#D5DAE5): a clean, paper-quiet neutral.
- Lavender (#C7B6D7): A luminous, dusty violet — the color of wild irises.
- Storm Blue (#67919D): A luminous, dusty blue — the color of open sky before noon.
- Charcoal Brown (#3F5561): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Sophistication, Softness, Clarity. Tagged pastel, 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
- Patina Balcony color palette (#ECF7FF, #D6D8EE, #9ABBFF, #007E9A, #284E68)
- Hushed Pier color palette (#E2F6FC, #D3D8E7, #BDA6AB, #5BA38D, #273D4A)
- Denim Delta color palette (#E2F1FF, #ACCDFF, #8791C9, #005F82, #1C3753)
- Tempered Driftwood color palette (#FFF1F6, #CFADB9, #9B7284, #745164, #3D4C3D)
- Denim Courtyard color palette (#D7DFEB, #A1A7E1, #8776B8, #084A85, #1C2245)
- Hushed Cabin color palette (#F1F5FC, #ABC0ED, #8373A5, #546CA0, #2B2C3C)
- Weathered Lantern color palette (#DFECF4, #57A8D8, #3173C1, #004048, #000E17)
- Weathered Cerulean Meadow color palette (#EBF8FE, #3D9CA9, #7E6628, #3D5625, #223639)
Browse the whole catalog at Explore, or see today's palette.