Midnight Ultramarine color palette — #F4E7F3 · #295DBE · #3A1929 · #1E0C1D · #020B0C

Cobalt and Onyx set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F4E7F3): A whisper-light, dusty pink — the color of a candy shop window.
• Cobalt (#295DBE): A full-bodied, vivid violet — the color of a velvet chair.
• Onyx (#3A1929): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#1E0C1D): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#020B0C): quiet, heavy and certain.

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

Use it as a design system

One click turns Midnight 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

• Twilit Petrol Terrace color palette (#D0E5DE, #0068A2, #38192F, #001912, #010605)
• Timeworn Cornflower Garden color palette (#FDE9FA, #4677EE, #54344A, #291D28, #110B11)
• Lowlit Pier color palette (#F8DBE4, #8336B2, #3D162D, #220A14, #0A0304)
• Tempered Periwinkle color palette (#DEECFF, #6797F9, #58607D, #333D4C, #080E14)
• Moonless Ridge color palette (#EFE2EB, #290EC3, #0E1118, #19002A, #010017)
• Violet Market color palette (#FAEEF1, #9964AD, #4F3533, #332428, #1A1414)
• Charred Aubergine color palette (#FFDFEE, #45008E, #341916, #140013, #060400)
• Midnight Aubergine Harbor color palette (#FFDAE0, #4F474D, #4E0050, #2C1612, #0E0003)

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