Nocturne Ultramarine Pier color palette — #F7E5F3 · #2441CF · #5A2400 · #00210B · #000503

Cobalt and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F7E5F3): A whisper-light, dusty pink — the color of peonies in June.
• Cobalt (#2441CF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Espresso (#5A2400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#00210B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Depth. Tagged dark, vibrant.

Use it as a design system

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

• Deep Nightshade color palette (#FCEAF5, #4500C4, #481900, #00150E, #000201)
• Grape Workshop color palette (#FFE7EE, #7822AC, #483200, #001E25, #000406)
• Sapphire Market color palette (#DEEAFF, #4B5FF3, #8F2C00, #083F04, #011701)
• Garnet Balcony color palette (#D8EEE5, #006085, #660038, #181D00, #000503)
• Muted Atelier color palette (#F4DFE8, #6800D2, #630047, #3E0900, #001325)
• Muted Amethyst Basin color palette (#FAD4E5, #8624FF, #723C00, #00342F, #001212)
• Deep Harbor color palette (#FFE9EF, #59007B, #393134, #281C00, #00090E)
• Antique Harbor color palette (#F0F1FF, #914CE6, #8D0054, #3F1700, #00010C)

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