Weathered Cobalt color palette — #EEF1FF · #F4D3D6 · #FFAB88 · #187DC5 · #2A2242

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

The five colors

• Ivory (#EEF1FF): bright and airy, almost weightless.
• Shell Pink (#F4D3D6): A whisper-light, dusty red — the color of a theater curtain.
• Melon (#FFAB88): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#187DC5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#2A2242): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Optimism, Balance. Tagged pastel, 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 Marigold color palette (#F2F0FF, #ECCDF2, #DEA156, #656FAF, #281F31)
• Feathered Tangerine color palette (#EAECFF, #FFB3D2, #EB814B, #355C94, #221632)
• Aged Cobalt color palette (#FFF1F7, #F7D1D2, #ECBD8A, #5D8BCF, #643B41)
• Softworn Blush Pier color palette (#E7F4FF, #E4D2E7, #FF86B7, #008284, #1F2B47)
• Blush Loft color palette (#FAF1FF, #FECFD7, #FF8EA2, #716AA6, #553553)
• Grape Drift color palette (#FFECEF, #FFB79C, #A5A900, #7D40A1, #3B0205)
• Frosted Amber Archive color palette (#ECE7FF, #D79596, #B47D00, #383D82, #220113)
• Feathered Clover color palette (#CFE9EF, #00D174, #A588FF, #231742, #0A0C15)

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