Weathered Cobalt color palette — #FCE6FF · #5986CE · #515098 · #6B1E45 · #1F304D

A conversation between Azure and Mulberry, giving this palette its sense of trust and stability.

The five colors

• Blush (#FCE6FF): A whisper-light, dusty pink — the color of a candy shop window.
• Azure (#5986CE): A luminous, balanced blue — the color of open sky before noon.
• Indigo (#515098): A full-bodied, balanced violet — the color of a velvet chair.
• Mulberry (#6B1E45): A deep, shadowed, balanced rose — the color of strawberry cream.
• Navy (#1F304D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged retro.

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

• Cobalt Veranda color palette (#CAF9F9, #0090CB, #305A98, #5C2959, #193248)
• Softworn Balcony color palette (#FFE6FA, #8A76C8, #704780, #6F211D, #2B2C4E)
• Soft Indigo Lantern color palette (#EFF6FF, #82C8FF, #6E9FF7, #6C6BD5, #233459)
• Hushed Ridge color palette (#EAF9F8, #A8CAE3, #397EB1, #005C72, #1A3C5F)
• Ash Market color palette (#DEE5FF, #9A98C7, #6E6D90, #664D68, #63362F)
• Hushed Iris color palette (#FFE9E4, #8DBCFF, #868CEB, #A2597C, #3D283A)
• Misty Garden color palette (#F5EFD3, #29B3D3, #6770B8, #5D5800, #09344D)
• Misty Denim Harbor color palette (#D3F1E4, #1599B8, #4C50A0, #3E3B00, #001A2C)

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