Weathered Cobalt color palette — #E6F1F1 · #ADC8E0 · #518AC7 · #006789 · #142C55

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

The five colors

• Cream (#E6F1F1): bright and airy, almost weightless.
• Sky (#ADC8E0): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#518AC7): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006789): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#142C55): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Cerulean Field color palette (#E3F3EF, #A5CCD8, #0097A8, #006D65, #00343F)
• Weathered Azure Lagoon color palette (#F2F8E9, #D0E9FF, #5895DB, #006488, #081C42)
• Misty Periwinkle Parlor color palette (#F8ECE0, #AAD9FF, #7CA2F5, #008F9D, #2C284D)
• Pale Study color palette (#C8E4EB, #10AEA9, #8571E1, #00726F, #2A195B)
• Aged Turquoise Summit color palette (#E8FAF7, #B7E2F6, #00ADD0, #008285, #00475D)
• Aged Denim Quarry color palette (#D9EAE6, #55A0A4, #00646F, #003C37, #000B10)
• Weathered Grove color palette (#F8EAEF, #8CB7D9, #345ECB, #004E57, #2C2554)
• Wandering Turquoise color palette (#A9EEF3, #41C3CE, #00848C, #004C52, #00191C)

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