Twilit Pier color palette — #DAE9FF · #4D413E · #050087 · #1A101C · #04000C

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

The five colors

• Frost (#DAE9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Charcoal (#4D413E): quiet, heavy and certain.
• Indigo (#050087): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#1A101C): A deep, shadowed, dusty pink — the color of neon signs at night.
• Black (#04000C): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Shadow Field color palette (#E0E8FF, #5A2300, #280077, #210D1F, #050008)
• Onyx Orchard color palette (#DEEFFF, #524746, #002B4C, #151018, #020010)
• Moonless Nightshade Bloom color palette (#FDE4F7, #1A00B3, #2E231B, #0F0205, #010009)
• Navy Study color palette (#E6DBDF, #3C80A8, #003680, #001F21, #01000A)
• Wandering Byzantium color palette (#E4E3F1, #9E4FAE, #3A2943, #161321, #05060C)
• Aubergine Hollow color palette (#EAEDFF, #4C008E, #323400, #002B12, #020007)
• Aubergine Pier color palette (#EEEEFF, #6C0D9C, #413D00, #2F0047, #010100)
• Inked Chestnut color palette (#F2DFE6, #6B5500, #272E00, #030D3A, #020100)

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