Weathered Cobalt color palette — #ECF7FF · #0089BA · #8C424D · #4F3F00 · #053034

Cerulean and Garnet set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cerulean (#0089BA): A full-bodied, balanced blue — the color of open sky before noon.
• Garnet (#8C424D): A full-bodied, balanced red — the color of late-summer berries.
• Deep Olive (#4F3F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#053034): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant, 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

• Softworn Cobalt color palette (#EFF6FF, #6988C1, #894D69, #5F4200, #024332)
• Quiet Cobalt color palette (#F0F5FF, #5272C0, #94470D, #3B4900, #17323B)
• Lagoon Alley color palette (#E9F9FC, #00918C, #74477B, #6E3119, #163029)
• Washed Pewter Atelier color palette (#EAF3FF, #617DB2, #764A8C, #564400, #081426)
• Tempered Pewter Pier color palette (#E8FBEB, #6F9AD1, #6E5D9D, #69451E, #313D53)
• Weathered Basin color palette (#E4F0FF, #0064B4, #780D00, #2F2F00, #001918)
• Indigo Loft color palette (#FEF1F8, #8C8DD7, #7C69B6, #7E5A00, #062F25)
• Aged Veranda color palette (#F1F5FF, #6E55E6, #6B4500, #004917, #002439)

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