Tempered Azure color palette — #EAF9F4 · #EAD4D1 · #B3A293 · #5898CD · #273934

Cerulean and Taupe set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Bone (#EAD4D1): A whisper-light, dusty orange — the color of autumn markets.
• Taupe (#B3A293): A luminous, dusty gold — the color of honey in a jar.
• Cerulean (#5898CD): A luminous, balanced blue — the color of deep harbor water.
• Deep Forest (#273934): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Weathered Azure color palette (#EBF9F2, #C5E7EA, #A6BAC9, #18A0CB, #293931)
• Iris Balcony color palette (#FFF1F7, #E5D6D4, #BAAEA3, #9683D3, #402F37)
• Petrol Studio color palette (#EDF8F3, #E9D9DB, #D5B1BC, #0073A0, #30453D)
• Cobalt Grove color palette (#FAF2FA, #EBD7DB, #D6BBBE, #5078AE, #241A25)
• Basalt Coast color palette (#F1F5FF, #D7D4FF, #B49FCB, #94695E, #5D2D26)
• Softworn Lilac color palette (#FFF0FD, #D8D3DD, #C8B3BA, #AAA5FF, #152254)
• Softworn Basalt Archive color palette (#F0DFE0, #CDB4B3, #A88986, #592452, #040001)
• Timeworn Pier color palette (#FFF1F3, #9AC0FF, #7A77DD, #8A355D, #1A2549)

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