Ultramarine Studio color palette — #ECDCEA · #0C50C4 · #51001A · #00164F · #060001

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

The five colors

• Shell Pink (#ECDCEA): A whisper-light, dusty pink — the color of peonies in June.
• Cobalt (#0C50C4): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#51001A): A deep, shadowed, balanced red — the color of late-summer berries.
• Midnight (#00164F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#060001): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Energy, Depth, Luxury. Tagged duotone, dark.

Use it as a design system

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

• Shadow Ultramarine color palette (#F5E7F2, #3B4DB6, #3E2000, #0E0061, #040100)
• Onyx Workshop color palette (#D4E7DE, #006485, #530103, #00212E, #050100)
• Charred Nightshade color palette (#E0EBD3, #203BA8, #440031, #00110D, #050013)
• Lowlit Alley color palette (#F5E1E7, #7B2DA8, #3C2100, #2D0045, #030100)
• Moonless Grape Villa color palette (#D7E2F6, #6041BD, #520057, #240007, #0A0100)
• Nightshade Balcony color palette (#F7DDF2, #141CA9, #342F36, #291B00, #000C0B)
• Timeworn Indigo Lagoon color palette (#ECDCE5, #6850F8, #7F004D, #340897, #070000)
• Byzantium Corridor color palette (#F6D7DB, #0082DC, #9E00A3, #682400, #100009)

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