Tempered Azure color palette — #C8E2F9 · #2C9EFC · #155FB9 · #22387B · #12193C
A conversation between Cornflower and Cobalt, giving this palette its sense of trust and stability.
The five colors
- Powder Blue (#C8E2F9): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#2C9EFC): A luminous, vivid blue — the color of deep harbor water.
- Cobalt (#155FB9): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#22387B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Midnight (#12193C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Feathered Field color palette (#D6EFFE, #559EE1, #3270C5, #324289, #462A54)
- Hushed Turquoise Alley color palette (#C6F0F8, #00ADCF, #007798, #004762, #002135)
- Soft Lapis color palette (#EFF1FF, #98A1FF, #5757B0, #292969, #0A042D)
- Feathered Periwinkle color palette (#E7F9FF, #78C8FF, #5495EE, #4F569A, #3A2B50)
- Iris Lantern color palette (#DEEAFF, #6C89F0, #BC556E, #3C4F94, #370716)
- Softworn Lilac color palette (#E7E5FB, #9C77E5, #7845A7, #53286B, #301237)
- Patina Indigo Grove color palette (#DCE7FF, #6967E8, #AD3D83, #006777, #0B1327)
- Dusty Alley color palette (#DCEBFF, #2063FA, #2615BD, #18006A, #0A0029)
Browse the whole catalog at Explore, or see today's palette.