Weathered Cobalt color palette — #FAF4EC · #AACEC3 · #4A78BF · #005D71 · #30375D

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Pistachio (#AACEC3): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4A78BF): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005D71): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#30375D): 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 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

• Antique Cerulean color palette (#FBF4EA, #B1CDB5, #0F869E, #006152, #004059)
• Cobalt Lagoon color palette (#FFF4E2, #71C4E7, #0074B2, #00555B, #002F6E)
• Patina Cobalt color palette (#F9F0E8, #A5CDED, #6276C4, #005B5B, #331523)
• Worn Iris color palette (#FDF1F5, #BBD8F3, #798FE6, #007C7D, #353757)
• Navy Drift color palette (#C7ECF3, #3AA4C9, #0072AC, #00478F, #243865)
• Ancient Petrol Boulevard color palette (#FEF0FE, #EFC8E0, #BF9FDE, #14779B, #553B4F)
• Worn Denim color palette (#F6EDDF, #549BAD, #00506E, #00302F, #001529)
• Feathered Bronze Loft color palette (#DCF5EE, #5493CC, #A56A00, #005997, #4C2E00)

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