Cobalt Loft color palette — #D2E9FC · #338ACC · #00456A · #001B2D · #000913

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

The five colors

• Frost (#D2E9FC): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#338ACC): A luminous, balanced blue — the color of deep harbor water.
• Navy (#00456A): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#001B2D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000913): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.

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

• Hushed Pier color palette (#CEEBFF, #40B7FE, #008ED2, #005C8C, #000813)
• Pale Azure color palette (#D0E5FA, #1C9BF8, #006A9B, #003559, #000813)
• Patina Lagoon color palette (#C6F1F1, #00938F, #004E50, #002423, #000C0C)
• Linen Workshop color palette (#D5E2F5, #567BCD, #0033A8, #001845, #000925)
• Iris Station color palette (#DAEEFF, #94B5E4, #8D7ACD, #005461, #0D2644)
• Patina Aubergine color palette (#ECEBFA, #876ECB, #4C1CAA, #1D004F, #0C0026)
• Ancient Hollow color palette (#E9EFFF, #6F66C8, #770036, #320088, #0C0003)
• Aged Navy Harbor color palette (#EFF6FF, #98BFE8, #4572B1, #08458F, #10325A)

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