Weathered Cobalt color palette — #F6F1EA · #A5CDEE · #517CBE · #00596C · #181D3D

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

The five colors

• Cream (#F6F1EA): bright and airy, almost weightless.
• Sky (#A5CDEE): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#517CBE): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00596C): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#181D3D): 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

• Weathered Drift color palette (#FBF2F5, #A7C9E8, #5D76B1, #005E68, #39355A)
• Cobalt Thicket color palette (#FEF0DA, #47CBFE, #0078B8, #005156, #00173F)
• Softworn Cerulean Quarry color palette (#F9F1E4, #97D3DF, #1288AE, #005C56, #00271E)
• Antique Cerulean Garden color palette (#EFE5D5, #009AB6, #00506E, #002C2B, #00050D)
• Aged Periwinkle Bloom color palette (#FCF3EA, #D9D5E0, #87A2F3, #1E7E7C, #432232)
• Aged Moss color palette (#ECEBCF, #82B232, #8056AA, #426000, #250F39)
• Feathered Emerald Market color palette (#E6E7CF, #4A9000, #1D6DC8, #923945, #151500)
• Wandering Celadon Alley color palette (#F3F4DB, #AAF5C9, #66C4C3, #6E6F3D, #242912)

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