Tempered Azure color palette — #FEF1FA · #D1DAF6 · #00A7E0 · #00755F · #00244B

Built around Cyan, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FEF1FA): bright and airy, almost weightless.
• Powder Blue (#D1DAF6): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#00A7E0): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00755F): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#00244B): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. 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

• Periwinkle Market color palette (#FFF1F6, #DBD5E8, #5A97FF, #007178, #201757)
• Gentle Workshop color palette (#FEF1FA, #B2FFFB, #00ACC7, #007744, #00283C)
• Timeworn Corridor color palette (#FFF2EC, #65C8D9, #0078A2, #005747, #003264)
• Lagoon Loft color palette (#FAF3F7, #D7D4E0, #98BFE7, #2E938F, #2F3F5D)
• Cobalt Garden color palette (#FEF1F9, #8FD9ED, #2482B7, #005248, #00092A)
• Denim Pier color palette (#E9DBE1, #6EABCB, #0A549D, #002B2C, #01000A)
• Chalky Delta color palette (#DCFFEA, #DDC028, #6483EF, #7C6A00, #0B0066)
• Aged Marigold color palette (#FFEFE5, #F39E12, #997A00, #514E00, #1E3100)

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