Cobalt Loft color palette — #FDF1F8 · #A9CADE · #437BB7 · #006151 · #343759

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

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Sky (#A9CADE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#437BB7): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006151): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#343759): A deep, shadowed, dusty 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 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

• Cobalt Coast color palette (#F6F1EA, #AFD1BE, #2A84B6, #005B5D, #002043)
• Cypress Studio color palette (#FDF2F5, #C5E0F9, #7A87BB, #007073, #434562)
• Muted Archive color palette (#FDF1FA, #5DCAD6, #0077A3, #005934, #042B76)
• Mallow Parlor color palette (#E9F8FF, #C1D7FC, #D197C7, #187A63, #2C4458)
• Airy Teal color palette (#D7F7E8, #00B2AF, #007493, #004E86, #2A3964)
• Timeworn Lagoon Market color palette (#F6EAF7, #4B9FA0, #005269, #003311, #00132E)
• Antique Canyon color palette (#E1F1FF, #4995C8, #B75947, #005C8B, #57231A)
• Faded Alley color palette (#ECF7FF, #60A4DD, #0069A8, #003755, #00223C)

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