Twilit Ultramarine color palette — #EEE3ED · #0450B8 · #540400 · #001B49 · #030100

Built around Cobalt, softened by Espresso — the whole palette hums with trust and stability.

The five colors

• Blush (#EEE3ED): bright and airy, almost weightless.
• Cobalt (#0450B8): A full-bodied, vivid blue — the color of open sky before noon.
• Espresso (#540400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Midnight (#001B49): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, Depth, Luxury. Tagged duotone, dark.

Use it as a design system

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

• Lowlit Denim color palette (#D7ECE4, #005F8A, #4D1300, #002134, #030100)
• Shadow Nightshade Garden color palette (#EADCE3, #5C3FA9, #3F2200, #230056, #020100)
• Midnight Nightshade Market color palette (#E3F2D1, #361BB8, #440027, #000E0A, #020006)
• Sunlit Sapphire Loft color palette (#D8E4F5, #2F6EDD, #7C2000, #002D87, #050004)
• Obsidian Boulevard color palette (#D6E2DA, #006375, #48004B, #00232B, #040001)
• Moonless Navy color palette (#F6E4F5, #00377E, #373035, #2B1A00, #000A0D)
• Washed Atelier color palette (#DDE1ED, #7567D3, #6C004F, #2D0078, #020006)
• Obsidian Boulevard color palette (#D9E8FF, #6A399E, #4B0048, #200006, #030000)

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