Tempered Azure color palette — #DAF2FF · #01A8F5 · #007AC0 · #0059A6 · #0E316E
A conversation between Cornflower and Cobalt, giving this palette its sense of trust and stability.
The five colors
- Frost (#DAF2FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#01A8F5): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#007AC0): A full-bodied, balanced blue — the color of deep harbor water.
- Cobalt (#0059A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#0E316E): A deep, shadowed, balanced violet — the color of wild irises.
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 Navy color palette (#CDF1FE, #00A3DA, #0060A3, #0030A2, #1C1B7C)
- Antique Turquoise color palette (#C6E7EF, #00B9DF, #008CB3, #005A7E, #003B5C)
- Antique Sapphire color palette (#E1EFFF, #5EA2FF, #2F63FF, #3548C1, #2B2675)
- Sapphire Market color palette (#D3E7FF, #4CA1FF, #00A75F, #0068C2, #00381C)
- Ancient Cobalt Alley color palette (#EBF3FF, #D4D9FF, #C9AEFF, #367BC9, #2E3760)
- Periwinkle Corridor color palette (#E9F4FF, #98CCFF, #759AD2, #677AA2, #414F69)
- Weathered Studio color palette (#D5DEF1, #96AFFF, #757DFF, #5D4CB1, #3D3065)
- Bright Nightshade color palette (#92FFFC, #10C2F2, #008ADE, #2800D6, #2E006E)
Browse the whole catalog at Explore, or see today's palette.