Twilit Harbor color palette — #EDE6FF · #9E0099 · #3B3631 · #270408 · #020007

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

The five colors

• Frost (#EDE6FF): A whisper-light, dusty violet — the color of a velvet chair.
• Plum (#9E0099): A full-bodied, vivid pink — the color of a candy shop window.
• Charcoal (#3B3631): a grounded near-black with real depth.
• Ink (#270408): A deep, shadowed, dusty red — the color of a theater curtain.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Smoked Loft color palette (#EBE4FB, #73006B, #33251D, #22000F, #020007)
• Midnight Ridge color palette (#E8EBFF, #7230C6, #372A22, #260219, #01000A)
• Lowlit Plum color palette (#F5E5FB, #AF0059, #592C00, #230A00, #030005)
• Wandering Magenta Delta color palette (#FFDBDE, #BF30B2, #622E42, #2E0F2B, #050002)
• Deep Raspberry Cabin color palette (#F9E7FF, #E40072, #481D00, #160006, #020006)
• Plum Delta color palette (#EDE0F9, #D868BA, #B10058, #62000C, #1F0700)
• Blush Pier color palette (#F8F2FF, #D07EB5, #533E4F, #211B28, #05050B)
• Worn Pewter color palette (#CAE1FF, #AE94BE, #9B6268, #004F59, #001821)

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