Nocturne Ultramarine color palette — #ECDDEA · #1240C0 · #663500 · #272A00 · #060006

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

The five colors

• Shell Pink (#ECDDEA): A whisper-light, dusty pink — the color of peonies in June.
• Cobalt (#1240C0): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#663500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#272A00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#060006): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Nightshade Terrace color palette (#D2E3F9, #0048B1, #544000, #342600, #010B26)
• Gentle Aubergine Parlor color palette (#FFE6F1, #5F2BAC, #554000, #003107, #070003)
• Eclipse Cabin color palette (#EBD9E5, #371BCD, #452200, #0C1D00, #000102)
• Smoked Garnet color palette (#C8EDE2, #00568C, #7D1800, #322600, #000302)
• Sapphire Dune color palette (#D6E3F5, #1D59FB, #934A00, #424700, #020A29)
• Airy Cabin color palette (#F2E0C4, #7544B9, #690055, #202000, #0C0013)
• Amethyst Boulevard color palette (#F1DCE5, #8410F3, #6F5800, #004913, #0F0125)
• Aubergine Chapel color palette (#E6DEE1, #C0ADB3, #A98186, #47337C, #13060D)

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