Tempered Pier color palette — #D4F1F8 · #33B5FC · #308DFF · #4F4DFF · #311F68
Built around Iris, softened by Azure — the whole palette hums with trust and stability.
The five colors
- Frost (#D4F1F8): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#33B5FC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Azure (#308DFF): A luminous, vivid blue — the color of deep harbor water.
- Iris (#4F4DFF): A full-bodied, vivid violet — the color of a velvet chair.
- Royal Purple (#311F68): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.
Use it as a design system
One click turns Tempered Pier 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
- Powdered Amethyst Quarry color palette (#D9EBF6, #7AB7FF, #7387FF, #7B34E9, #461869)
- Softworn Sapphire color palette (#BDEAEA, #00C6E8, #009DDB, #0066E7, #2A2A77)
- Misty Cornflower Villa color palette (#D0ECFF, #66BAFF, #007FE6, #0050B8, #070F5F)
- Weathered Lapis Quarry color palette (#E5EBFF, #BBC2FF, #7D8BFF, #4E4FEC, #0E025A)
- Timeworn Nightshade color palette (#D6ECF8, #008CD1, #005FBF, #1100A7, #13004E)
- Lapis Corridor color palette (#D3E5F2, #0079E4, #4612F2, #4F0092, #0D0018)
- Muted Orchid Ridge color palette (#D2E2FF, #9899FF, #A258FF, #8E43B1, #451639)
- Faded Indigo Orchard color palette (#D9E5FF, #A3AEFF, #FF7B39, #6F73FF, #4F1B00)
Browse the whole catalog at Explore, or see today's palette.