Ultramarine Lagoon color palette — #F7ECE3 · #75C1E8 · #2A62C1 · #003E38 · #030011

Built around Cobalt, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#F7ECE3): bright and airy, almost weightless.
• Sky (#75C1E8): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#2A62C1): A full-bodied, vivid violet — the color of wild irises.
• Forest (#003E38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#030011): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, 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

• Aged Hollow color palette (#FEE9E1, #6AC8CD, #007194, #00411D, #00020B)
• Forest Cabin color palette (#FFF2EE, #7FDFD7, #0088A2, #125504, #000E1C)
• Navy Alley color palette (#E7DDE2, #5B97B8, #004792, #003031, #0E0540)
• Feathered Garden color palette (#D7EFED, #70BAE3, #008BD1, #006981, #00142B)
• Hazy Plum color palette (#FFE0EB, #B9006D, #006665, #004D4D, #040001)
• Aged Periwinkle Studio color palette (#FEF3E9, #D9D6E1, #87A4E8, #217E79, #422333)
• Quiet Amber Lagoon color palette (#FFF1F1, #FFB19D, #BF9600, #604085, #190004)
• Feathered Crimson color palette (#EED9D4, #E7005B, #007A52, #730029, #000201)

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