Tempered Azure color palette — #DBEFFC · #5E93D0 · #505986 · #4C2845 · #220011

A conversation between Slate Blue and Peacock, giving this palette its sense of trust and stability.

The five colors

• Frost (#DBEFFC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#5E93D0): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#505986): A full-bodied, dusty violet — the color of twilight just after sunset.
• Royal Purple (#4C2845): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#220011): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.

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

• Hazy Cerulean Station color palette (#CEEEF1, #009ABB, #106293, #43295F, #1C031F)
• Iris Bloom color palette (#D6E0FF, #9083D4, #6E458B, #551824, #250100)
• Indigo Boulevard color palette (#DCE3F5, #766FB9, #573E70, #320D17, #090000)
• Cobalt Workshop color palette (#C4EDFA, #6198C2, #6C72B7, #824431, #2B1900)
• Washed Pier color palette (#D9EEFF, #007FCF, #004D97, #001752, #010011)
• Softworn Thicket color palette (#EFD8FF, #D690DD, #8C5E78, #58331E, #001722)
• Worn Aqua Lantern color palette (#EFF0E0, #49CCD2, #007581, #003E39, #000305)
• Softworn Cocoa color palette (#FFF0F7, #CEACEA, #A881A4, #7B3F1E, #3B1E04)

Browse the whole catalog at Explore, or see today's palette.