Weathered Cobalt color palette — #FCF1F9 · #A8D6EB · #008ABF · #006858 · #224069

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

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Powder Blue (#A8D6EB): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008ABF): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006858): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#224069): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. 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 Basin color palette (#F1F3E7, #B6DAC2, #0091B1, #006165, #002939)
• Navy Hollow color palette (#FEF1F9, #63C7E2, #0075AD, #00574D, #022B77)
• Dusty Turquoise color palette (#E9F9F7, #AAE7F5, #00ACD3, #008287, #00465F)
• Weathered Summit color palette (#F3F4FF, #EED4E3, #EDA4B7, #2F72AB, #433764)
• Indigo Cabin color palette (#E8E9FF, #736AE9, #867100, #39692C, #2B2958)
• Linen Hollow color palette (#FFF2EC, #B0F1FF, #4DC3FF, #00A88E, #21406A)
• Denim Alley color palette (#E8DADE, #73A4CE, #3550A2, #003D45, #210F4D)
• Navy Pier color palette (#FDE8F0, #5986A6, #00318F, #002225, #090029)

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