Weathered Cobalt color palette — #FCF2F6 · #97CDF0 · #5F76AE · #00605C · #343854

Slate and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Sky (#97CDF0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#5F76AE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#00605C): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#343854): A deep, shadowed, dusty violet — the color of wild irises.

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

• Cerulean Bloom color palette (#FCF1FB, #85D5D5, #0085A7, #296035, #223C5A)
• Aged Cobalt color palette (#F1F3EC, #A9D2C4, #4980B3, #005771, #052043)
• Quiet Cobalt Orchard color palette (#FFF0F9, #21CAF8, #006FC5, #005748, #2A276A)
• Patina Mallow Balcony color palette (#ECF7FF, #D9DEFF, #DA9FC3, #258181, #36455A)
• Patina Ash color palette (#FBF2F6, #D9DFF0, #829AC4, #3F7B73, #4B5169)
• Linen Harbor color palette (#CFE8FF, #0080C6, #906300, #5A5800, #132E43)
• Weathered Terrace color palette (#FBF4ED, #C4EADD, #91B2EE, #009EAA, #36355C)
• Softworn Cerulean color palette (#F1E0EC, #00A1B7, #004F76, #003121, #050A3E)

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