Weathered Cobalt Loft color palette — #FBF2F9 · #84D4E1 · #3080AD · #006341 · #293B57

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

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Ice Blue (#84D4E1): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#3080AD): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006341): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#293B57): 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 Loft 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

• Patina Canyon color palette (#FBF2F7, #BEE2FB, #6E8BBA, #177167, #40465E)
• Muted Cerulean Loft color palette (#F2F3E8, #ADD2B7, #30889E, #005B5C, #002531)
• Worn Sapphire color palette (#F7EBEF, #6CBCE6, #3563BD, #00504A, #2E2551)
• Weathered Lagoon Delta color palette (#FBF3EF, #C6EBD1, #59BEEE, #00A386, #223C5A)
• Worn Cerulean Boulevard color palette (#F7E5F1, #0090A7, #004065, #002318, #030328)
• Ember Veranda color palette (#FFE6F6, #E45C2D, #008996, #8B3A1F, #003D44)
• Patina Rust color palette (#FAD9F2, #CD4431, #00779E, #365488, #3B2136)
• Wandering Corridor color palette (#FFF0FE, #F9D8AA, #9CB883, #835A77, #563A47)

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