Weathered Cobalt color palette — #FAF4EC · #9BCCEC · #4A7BB1 · #005E6B · #2C395B

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Sky (#9BCCEC): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#4A7BB1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005E6B): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#2C395B): A deep, shadowed, dusty violet — the color of wild irises.

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

• Quiet Aqua color palette (#FEF4E4, #11CBF6, #0077A7, #005556, #003460)
• Washed Drift color palette (#F7F0EA, #ACD1C2, #4F7DBC, #005B5E, #1A1B41)
• Dusty Archive color palette (#FDF2F6, #B7D9F4, #7497CB, #007B80, #34365D)
• Dusty Cerulean color palette (#F9F4ED, #C6E6C9, #4697A9, #336F5F, #2B5141)
• Muted Lantern color palette (#EDE3D4, #00A1B5, #005269, #00302C, #001625)
• Dusty Denim color palette (#F8EFE0, #75A3D0, #2D53A0, #003C4C, #181942)
• Washed Harbor color palette (#F2E8D8, #3287C2, #003880, #002129, #04002D)
• Faded Raspberry Chapel color palette (#FFDBD3, #C74467, #57791D, #2A5E8D, #3F221C)

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