Tempered Azure color palette — #D2ECFF · #3B9FF8 · #276AC4 · #1E3A74 · #121A3C
Built around Cornflower, softened by Royal Blue — the whole palette hums with trust and stability.
The five colors
- Frost (#D2ECFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cornflower (#3B9FF8): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#276AC4): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#1E3A74): A deep, shadowed, balanced violet — the color of wild irises.
- Midnight (#121A3C): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Azure 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
- Tempered Petrol Drift color palette (#DDF3FF, #4196DB, #1A67B6, #334291, #303263)
- Muted Studio color palette (#E1E7F8, #898EFE, #685BC4, #412F75, #281B3D)
- Cerulean Archive color palette (#D2E6E9, #009EB9, #00748E, #00455E, #002032)
- Soft Cornflower Alley color palette (#E7F9FF, #89CEFF, #3887E4, #445293, #2A2146)
- Cornflower Lagoon color palette (#F4E3F1, #5A89FE, #B65975, #365193, #360719)
- Gentle Nightshade color palette (#D1E6FF, #0063DD, #0D2CBA, #150B6A, #08002F)
- Washed Indigo Lagoon color palette (#FCDCF1, #6265F3, #AB3D87, #006775, #22091C)
- Mallow Cabin color palette (#FFEBF9, #D5CDFF, #C8AAE0, #4E6695, #2E1A26)
Browse the whole catalog at Explore, or see today's palette.