Weathered Cobalt color palette — #FDF2F5 · #ABC9E5 · #5C76B5 · #005E69 · #39345E

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF2F5): bright and airy, almost weightless.
• Sky (#ABC9E5): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5C76B5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005E69): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#39345E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Pale Cobalt Delta color palette (#FFF0F8, #7DC2E3, #006FC6, #005655, #232B68)
• Hushed Boulevard color palette (#FDF1F9, #9FCEDC, #0286A2, #006342, #1A3E57)
• Washed Cobalt color palette (#F0F3EC, #ABD1C6, #4E7EB8, #005776, #0B1E43)
• Softworn Periwinkle Balcony color palette (#EEF7F7, #BBD8F4, #6198DB, #0075A0, #273A5F)
• Antique Denim color palette (#EFE0E9, #559BAE, #004F76, #00302A, #000F3A)
• Fern Villa color palette (#D7F7EE, #799B4A, #9262A9, #436200, #442752)
• Hushed Powder Lantern color palette (#FBF4ED, #BEEBDE, #93AFFA, #009DB0, #4E3040)
• Hushed Courtyard color palette (#E0FCF4, #B3E8E9, #62B8CB, #776D37, #224C4A)

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