Cobalt Loft color palette — #FFF0F9 · #85DCF8 · #0087CC · #00675E · #2E3F63

Built around Cerulean, softened by Ice Blue — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Ice Blue (#85DCF8): A whisper-light, balanced blue — the color of open sky before noon.
• Cerulean (#0087CC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00675E): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2E3F63): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns 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

• Cypress Cabin color palette (#FAF2F8, #AAE9F1, #5593AD, #2B705A, #364A5E)
• Patina Cobalt color palette (#F9EEF5, #AAD7F1, #4A86C4, #006452, #1E1D4D)
• Timeworn Cobalt Garden color palette (#FFF0F8, #49C7F6, #0071BE, #005653, #202D65)
• Turquoise Harbor color palette (#D9EAE6, #00AEB8, #007E9B, #00577F, #373369)
• Washed Wisteria color palette (#E6F9FF, #DBD7F3, #C49EF0, #047F79, #284D69)
• Hushed Villa color palette (#F1E0EB, #0DA0BA, #004F73, #003129, #001134)
• Sky Meadow color palette (#FCF4E7, #BBEEFF, #53C2FF, #00A5A7, #16416C)
• Pale Villa color palette (#EBF7FF, #00A2CF, #D14F00, #006683, #622507)

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