Tempered Canyon color palette — #FDF1FD · #A3D8E9 · #008CB5 · #006B33 · #193F71
Pine and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FDF1FD): A whisper-light, dusty pink — the color of a candy shop window.
- Powder Blue (#A3D8E9): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#008CB5): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006B33): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#193F71): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, 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
- Cobalt Station color palette (#FDF1F7, #AED4EE, #517FC7, #00675D, #3E3376)
- Softworn Workshop color palette (#FEF0FC, #7BC6CE, #0077A3, #005934, #0C2E6D)
- Tempered Cerulean Delta color palette (#F8F1E6, #95DFE1, #0093A9, #006450, #002938)
- Tempered Courtyard color palette (#EBFAEE, #97ECEE, #00AEC8, #00856C, #00475E)
- Aged Spruce Veranda color palette (#E6DAE8, #559D9E, #005268, #00330F, #00142D)
- Navy Corridor color palette (#EDE1E8, #4E89A3, #00397D, #00231E, #090028)
- Airy Study color palette (#EDDDE5, #78A6BD, #1C53A7, #003F38, #200C50)
- Powdered Sapphire color palette (#E6FCE6, #D69425, #485FE0, #7D5200, #23307D)
Browse the whole catalog at Explore, or see today's palette.