Weathered Azure color palette — #F7F0EC · #C7E5E3 · #6DA2CD · #2E7971 · #412F3F

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

The five colors

• Cream (#F7F0EC): bright and airy, almost weightless.
• Silver (#C7E5E3): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#6DA2CD): A luminous, balanced blue — the color of open sky before noon.
• Teal (#2E7971): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#412F3F): A deep, shadowed, dusty pink — the color of neon signs at night.

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

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

• Muted Canyon color palette (#F4F6EE, #C0EBE9, #6DA1BB, #3B7983, #365148)
• Worn Amber color palette (#E7F6EC, #73C1D4, #CA8E43, #007F95, #35302B)
• Weathered Denim color palette (#F3E3DB, #56A9BF, #005E8B, #003A32, #000825)
• Antique Workshop color palette (#E9F5EF, #EDD1CC, #AA9C90, #6D9789, #2F423C)
• Tempered Station color palette (#F2E6E1, #73C3C3, #00788E, #004E30, #001828)
• Tempered Boulevard color palette (#E4F7ED, #4FA8CB, #C57558, #9D6D36, #172C23)
• Weathered Navy color palette (#FAEDE3, #4081A1, #003B73, #001F1F, #01000B)
• Hushed Cornflower color palette (#FCF0E3, #A3D6FF, #4B7BEB, #00616A, #231A4E)

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