Tempered Azure color palette — #DEF1FF · #27AEE2 · #9E5A00 · #005572 · #0F0500

Cyan takes the lead with Ochre close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DEF1FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#27AEE2): A luminous, balanced blue — the color of open sky before noon.
• Ochre (#9E5A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Peacock (#005572): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#0F0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, 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

• Muted Periwinkle color palette (#E3EFFF, #5BA0FF, #AA6000, #00428E, #100500)
• Hushed Scarlet color palette (#DAF3FF, #00A3C0, #D93400, #005768, #160100)
• Feathered Cornflower Corridor color palette (#D1E1F7, #1B75FB, #905800, #003584, #020100)
• Chestnut Market color palette (#DDF3E9, #00759E, #854400, #003C53, #110400)
• Worn Canyon color palette (#BBE9FF, #0086AF, #B14200, #695100, #000203)
• Airy Study color palette (#D3F5FF, #00A7A7, #D40099, #00595A, #15000C)
• Wandering Nightshade color palette (#E6EEFF, #8794FF, #747D00, #3500C3, #070800)
• Misty Moss Harbor color palette (#D6EAE1, #00AAE4, #5AA500, #007BA6, #0D2000)

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