Tempered Azure color palette — #F1F7F2 · #D9DCF3 · #A2BDF4 · #00A8D2 · #3A4767

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D9DCF3): A whisper-light, dusty violet — the color of wild irises.
• Sky (#A2BDF4): A luminous, balanced violet — the color of wild irises.
• Cyan (#00A8D2): A luminous, balanced blue — the color of deep harbor water.
• Navy (#3A4767): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication, Softness. Tagged coastal, cool, 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

• Aged Teal Hollow color palette (#F1F7F2, #CEE1FA, #72CBE9, #00B09E, #214D66)
• Softworn Villa color palette (#FAF4EE, #C5E0F3, #A8B5FF, #0D949A, #553441)
• Muted Cobalt Alley color palette (#DCEADF, #6FA9C8, #0078C7, #005C66, #000329)
• Patina Sky color palette (#EBFAEE, #90EAFB, #00BBEE, #00998E, #003655)
• Soft Alley color palette (#FFF0FE, #FFA09F, #88C87A, #6DA4FF, #472E46)
• Aged Harbor color palette (#DAE3DC, #85CCE0, #009FD5, #007D7A, #00213B)
• Dusty Orchard color palette (#F7F1E8, #BAE7DC, #758DBE, #25677D, #3C2234)
• Faded Harbor color palette (#FCF1FD, #F9B8BE, #4BD4D6, #EA7484, #004D4E)

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