Ultramarine Lagoon color palette — #DCE2EC · #A19EAA · #9285A6 · #305BBF · #030917

Cobalt and Slate Blue set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#DCE2EC): a clean, paper-quiet neutral.
• Blue Fog (#A19EAA): a calm mid-gray that lets other colors speak.
• Slate Blue (#9285A6): A luminous, dusty violet — the color of wild irises.
• Cobalt (#305BBF): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#030917): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Creativity, Sophistication. Tagged scandi, muted, 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

• Navy Orchard color palette (#E3E7EC, #A1A4AF, #85829F, #00418E, #010918)
• Petrol Balcony color palette (#D4E1E7, #99A0B0, #8088A7, #006F83, #000B12)
• Grape Balcony color palette (#E1E1E9, #A69DA6, #9C8198, #823FA7, #080619)
• Navy Balcony color palette (#ECE3EA, #9A8794, #806072, #0E245E, #040003)
• Softworn Balcony color palette (#ECECF3, #C8BBC9, #B69FB5, #9F58D7, #1D1D2D)
• Mulberry Market color palette (#EDDFEE, #A37893, #934E67, #703F00, #160C00)
• Aubergine Villa color palette (#FBDFF2, #8463C7, #802F96, #720400, #060010)
• Hushed Byzantium Balcony color palette (#E3E8F6, #749BFF, #837AFF, #A136EA, #07001C)

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