Weathered Cobalt color palette — #F8EAE2 · #80BACD · #3187D2 · #006F59 · #0E0145

Azure takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F8EAE2): bright and airy, almost weightless.
• Ash (#80BACD): A luminous, dusty blue — the color of deep harbor water.
• Azure (#3187D2): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006F59): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#0E0145): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Weathered Cobalt 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

• Misty Quarry color palette (#F0E5DA, #8BB4DE, #6F77DB, #006C72, #1F0134)
• Linen Hollow color palette (#F0DED9, #74BFBD, #0091B2, #00731F, #00142B)
• Aged Pier color palette (#D7E2D9, #5EAEC8, #006E9C, #004A4B, #00142B)
• Lagoon Lagoon color palette (#FBEBE3, #B8DEC7, #67ABE5, #009473, #232952)
• Hazy Chapel color palette (#E3F1E7, #71CDDB, #84A2FF, #717D00, #001A16)
• Hushed Denim color palette (#F4E7EF, #3497B4, #004B83, #002D23, #03001B)
• Chalky Balcony color palette (#DCE5D6, #00A48A, #C144B2, #007360, #21001D)
• Hushed Studio color palette (#E3F5EF, #00B79A, #00887D, #00554D, #000403)

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