Midnight Ultramarine color palette — #F6DAF3 · #004CE2 · #1B1F45 · #291B11 · #150114

Cobalt takes the lead with Deep Indigo close behind in a set that reads as creativity and energy at first glance.

The five colors

• Thistle (#F6DAF3): A whisper-light, dusty pink — the color of neon signs at night.
• Cobalt (#004CE2): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#1B1F45): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#291B11): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#150114): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.

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

• Moonless Harbor color palette (#FFE7F2, #7027D6, #2E1740, #261B0C, #18000D)
• Ultramarine Pier color palette (#E6F0FF, #0046EA, #0C0241, #090A13, #000105)
• Lowlit Navy color palette (#F0D4EE, #003D98, #191D25, #120627, #00020F)
• Timeworn Sapphire Cabin color palette (#E0EDFF, #1070F5, #483375, #0A1C39, #000204)
• Timeworn Station color palette (#D7F4EB, #0065A0, #3B3943, #0C2346, #000D08)
• Byzantium Pier color palette (#F1ECFB, #8D4DD0, #B33155, #005F88, #19052D)
• Antique Grape Boulevard color palette (#DAE0F8, #7770E7, #6841CA, #4E0590, #2D0D4B)
• Dusty Thicket color palette (#E4E8D9, #87B9D4, #077CB8, #005669, #00203D)

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