Nocturne Ultramarine color palette — #FAE3F6 · #3B5CBD · #371B24 · #140812 · #000301

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

The five colors

• Blush (#FAE3F6): A whisper-light, dusty pink — the color of peonies in June.
• Cobalt (#3B5CBD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#371B24): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#140812): A deep, shadowed, dusty pink — the color of a candy shop window.
• Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

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

• Antique Canyon color palette (#FDE9F3, #7463C3, #412A2C, #1F1119, #080509)
• Smoked Petrol color palette (#E3F4ED, #006D98, #341C2B, #00110A, #000300)
• Hushed Cornflower Market color palette (#E3ECFC, #577BD6, #3E3B5A, #11213B, #060F15)
• Nightshade Study color palette (#F6E3F0, #3700BC, #22010A, #070D11, #040003)
• Grape Boulevard color palette (#F2E9FA, #8300BB, #3E001E, #0F0119, #040003)
• Gentle Violet Balcony color palette (#FFE7ED, #9963AB, #607923, #006839, #270712)
• Lowlit Aubergine color palette (#F7DBE6, #5C4A00, #470081, #1F1808, #13000A)
• Hushed Harbor color palette (#E0F0FF, #7289DC, #7A57B4, #5A2068, #350427)

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