Tempered Azure color palette — #F4F6EF · #C4E8E7 · #57A3CA · #317A87 · #405951

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C4E8E7): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#57A3CA): A luminous, balanced blue — the color of open sky before noon.
• Teal (#317A87): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#405951): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Cerulean Studio color palette (#E0FEE7, #77C7DA, #0092B4, #1E708F, #3A574C)
• Dusty Cypress color palette (#F8F0EB, #C2EBEA, #75A89A, #3B7772, #412F3E)
• Aged Petrol Balcony color palette (#EFEFE5, #74C0C3, #007681, #005049, #00343E)
• Ancient Powder color palette (#EBF9F4, #EBD4D1, #C3D1FF, #6392A9, #455752)
• Weathered Lilac color palette (#FDF0FE, #709CCA, #A573B7, #29877D, #493E4B)
• Timeworn Ash color palette (#FBF3EF, #C3E0EC, #DABADD, #78AFA1, #604B58)
• Worn Cerulean Ridge color palette (#DCE0D3, #3D89B2, #004066, #00212B, #00091A)
• Soft Market color palette (#F2F8E8, #A5D4FE, #3680D7, #006185, #263E6E)

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