Weathered Azure color palette — #C7E9EF · #17B0EE · #3B80C4 · #3E4D83 · #282546

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

The five colors

• Frost (#C7E9EF): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#17B0EE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#3B80C4): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#3E4D83): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#282546): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Weathered 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 Quarry color palette (#C0E8FF, #71B0FF, #6477C8, #454179, #41222C)
• Muted Turquoise Terrace color palette (#CDE9E4, #00C5D3, #0085A5, #08567E, #172846)
• Cobalt Study color palette (#FFEBFB, #A8B9FF, #6872BD, #2F3A70, #101438)
• Misty Periwinkle color palette (#FDEBFB, #7AA3F0, #B68144, #46639C, #3A2100)
• Lapis Orchard color palette (#C4E4FB, #257CFD, #372CF4, #3E008F, #2F0040)
• Mallow Study color palette (#FFEAFE, #DDCDD4, #ECB5DF, #508C9C, #392532)
• Byzantium Lagoon color palette (#E6EDFF, #9990FF, #9B40CF, #712572, #43102F)
• Feathered Mint Courtyard color palette (#FDE3D0, #55EC94, #8091EB, #2F1F2A, #160D14)

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