Ultramarine Lagoon color palette — #DEE4D6 · #7FA6CC · #1F64BC · #004563 · #010646

A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Parchment (#DEE4D6): a clean, paper-quiet neutral.
• Blue Fog (#7FA6CC): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#1F64BC): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004563): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#010646): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Tempered Petrol Archive color palette (#E2E5D1, #70ACBE, #007092, #004950, #001623)
• Ultramarine Basin color palette (#E2F2F2, #88BCEE, #0063CA, #003A53, #000015)
• Washed Veranda color palette (#ECE4DC, #6494C0, #2236AE, #002F36, #17003F)
• Patina Cornflower color palette (#FAEBEF, #79B6EB, #4F76F9, #006B78, #160539)
• Antique Cobalt color palette (#ECF1E4, #A0CAEC, #578AC1, #006788, #0F2C5A)
• Washed Parlor color palette (#F6F7E1, #79DEE0, #009FAC, #007368, #003A44)
• Gentle Olive color palette (#F1F1D2, #528900, #007095, #2E5000, #00121B)
• Worn Boulevard color palette (#E3F8D9, #397800, #00686E, #684000, #020A00)

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