Tempered Azure color palette — #E8F3FE · #3195DA · #844F7B · #603400 · #002423
Built around Cerulean, softened by Graphite — the whole palette hums with trust and stability.
The five colors
- Ivory (#E8F3FE): bright and airy, almost weightless.
- Cerulean (#3195DA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Graphite (#844F7B): A full-bodied, balanced pink — the color of a candy shop window.
- Bronze (#603400): A deep, shadowed, balanced gold — the color of honey in a jar.
- Onyx (#002423): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged warm.
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
- Cerulean Grove color palette (#E4F5FD, #009FB5, #705498, #6A2A1F, #1A2200)
- Iris Courtyard color palette (#EDF2FC, #8A95E2, #966068, #534E18, #052C36)
- Ancient Cerulean Drift color palette (#EDF9F0, #2F98A5, #805078, #544800, #1C4220)
- Powder Veranda color palette (#E8F3FF, #AAB3E4, #8080A8, #6B545C, #28392F)
- Periwinkle Corridor color palette (#D2E5FF, #90A2FF, #7166B7, #594880, #2A2746)
- Hushed Loft color palette (#ECF4ED, #B0E5FF, #6892B6, #216A70, #1A2D45)
- Weathered Orchid color palette (#EDEBFD, #A459B2, #804200, #003F1E, #00152A)
- Feathered Corridor color palette (#CFE2FF, #2D5AFF, #8C004D, #382A00, #00120F)
Browse the whole catalog at Explore, or see today's palette.