Weathered Cobalt color palette — #FCF2F6 · #9DCDE6 · #4C77BF · #006158 · #323954

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

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Sky (#9DCDE6): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#4C77BF): A full-bodied, balanced violet — the color of twilight just after sunset.
• Pine (#006158): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#323954): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Muted Cerulean color palette (#FBF1FC, #8BD5CF, #19859F, #365E33, #1D3D59)
• Cerulean Canyon color palette (#F1F3EA, #A4D4C0, #4982AB, #00586C, #00213F)
• Ash Balcony color palette (#FBF2F7, #D8DFF1, #7F9CBE, #49777E, #4A5268)
• Muted Cerulean Workshop color palette (#E8DBE5, #399FAA, #005070, #00321B, #000D3C)
• Patina Lagoon Dune color palette (#FAF4EF, #C7E9DB, #85B4F3, #009FA3, #313661)
• Washed Emerald Lagoon color palette (#E6ECDA, #45AE50, #008167, #00585B, #1E3958)
• Pale Nightshade Harbor color palette (#F8E5EB, #57A6E0, #3A4DA8, #003E3E, #25153C)
• Ancient Turquoise Ridge color palette (#C8FFF8, #00BBC0, #00726B, #00423C, #002928)

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