Twilit Pier color palette — #E5EBFF · #4E1CB8 · #3D3F00 · #200059 · #010100

Indigo and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E5EBFF): A whisper-light, dusty violet — the color of a velvet chair.
• Indigo (#4E1CB8): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#3D3F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#200059): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.

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

• Obsidian Loft color palette (#DFDCF6, #77008F, #244600, #33003F, #000200)
• Lowlit Navy color palette (#E4EFFC, #004A94, #533400, #001D41, #020100)
• Inked Aubergine color palette (#EAEEFF, #470094, #4E2400, #002A21, #020008)
• Quiet Meadow color palette (#F2DCE7, #6B31F1, #585E00, #39158A, #060600)
• Weathered Loft color palette (#DDEBFF, #2465CC, #276500, #002663, #000200)
• Aubergine Pier color palette (#DAF7F2, #7C5600, #820093, #13040A, #010006)
• Deep Grape Station color palette (#EBE4F6, #723AB1, #350068, #0D001D, #060000)
• Soft Plum Parlor color palette (#E4E7F7, #9E70B2, #AF1E6C, #242A74, #02000F)

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