Twilit Pier color palette — #EAECFF · #540590 · #3D3300 · #172305 · #03000A

Royal Purple and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#EAECFF): A whisper-light, dusty violet — the color of a velvet chair.
• Royal Purple (#540590): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Espresso (#3D3300): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#172305): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#03000A): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Twilit Nightshade Study color palette (#E7EDFF, #272C95, #4E2900, #271E00, #01000F)
• Eclipse Meadow color palette (#F4DFEF, #6D0062, #263B00, #002716, #050004)
• Timeworn Balcony color palette (#E5EAFA, #5F28C8, #7B3600, #004937, #02000C)
• Tempered Coast color palette (#FAD6E3, #8B0054, #004C41, #003138, #160009)
• Patina Archive color palette (#E9EFFF, #BC88B6, #B14F41, #003444, #120327)
• Grape Bloom color palette (#DDF1EA, #7B9022, #5600D8, #14051A, #01010D)
• Lowlit Chestnut color palette (#FFE7EE, #685902, #402500, #260300, #020400)
• Hushed Lagoon color palette (#E5E0F6, #98419F, #596600, #165528, #2F1231)

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