Worn Azure color palette — #F7EFF3 · #C2E1F8 · #5C90CF · #006C6D · #222B42

A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Powder Blue (#C2E1F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#5C90CF): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006C6D): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#222B42): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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

• Patina Cerulean Harbor color palette (#ECF8F7, #BDE2FD, #5B90B8, #2F6B7D, #364A5F)
• Antique Denim Pier color palette (#F9EAF5, #66A9AD, #00627A, #003B28, #000C19)
• Washed Iris Drift color palette (#E2F8F1, #8FB15E, #7184E7, #50710D, #1E2446)
• Tempered Cerulean color palette (#F9EEF5, #96D5D0, #008B9D, #165E33, #002434)
• Ancient Cerulean Garden color palette (#E9DAE4, #368496, #00405F, #00201A, #000106)
• Timeworn Boulevard color palette (#FBF4EE, #C2F1DD, #7CA8DE, #2C8A8B, #573F50)
• Nightshade Loft color palette (#F8E5EB, #5890BB, #0F33B7, #002B30, #050019)
• Hushed Sapphire color palette (#F0E6EA, #8FB9D6, #2A66C8, #004A4F, #121032)

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