Tempered Azure color palette — #E9F9F5 · #D7DCF8 · #F0B8DA · #6F9FCA · #5F3B3C

Blue Fog and Carnation set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F9F5): a clean, paper-quiet neutral.
• Powder Blue (#D7DCF8): A whisper-light, dusty violet — the color of wild irises.
• Carnation (#F0B8DA): A whisper-light, dusty pink — the color of peonies in June.
• Blue Fog (#6F9FCA): A luminous, balanced blue — the color of open sky before noon.
• Cocoa (#5F3B3C): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Creativity, Sophistication, Softness, Clarity. Tagged light, 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

• Muted Cocoa color palette (#FFF0F7, #EAD4ED, #FBB9AE, #9A91C8, #6E3313)
• Washed Workshop color palette (#EEF9EE, #8BFBFE, #CFC1FF, #4CABAD, #583D4A)
• Hushed Veil Canyon color palette (#F4E9FF, #D8CDC5, #9B9EAB, #4D3A40, #2F292A)
• Tempered Oat color palette (#E8FBF0, #CAE2FF, #BFD696, #64A4BA, #4F4700)
• Periwinkle Corridor color palette (#FEF0FF, #DAD3DC, #89AFE6, #557193, #3C243E)
• Powdered Aqua Dune color palette (#FFF1F6, #DEC8FF, #3AD0E4, #977ABD, #20412A)
• Wandering Corridor color palette (#ECF9F3, #86B7D7, #B99065, #107BAE, #654623)
• Hushed Indigo color palette (#FFF0FC, #B1C6FF, #FF7FA2, #4E70F3, #560B27)

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