Twilit Harbor color palette — #FDE0D8 · #1828C6 · #280064 · #21000C · #020018

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

The five colors

• Shell Pink (#FDE0D8): A whisper-light, dusty orange — the color of sun-warmed clay.
• Indigo (#1828C6): A full-bodied, vivid violet — the color of wild irises.
• Deep Indigo (#280064): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#21000C): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#020018): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Energy, Depth, Luxury. Tagged retro, dark, 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

• Cellar Courtyard color palette (#F4DCED, #2B00AE, #360037, #1B0002, #000204)
• Aubergine Cabin color palette (#F3EBDA, #004588, #2B005D, #140700, #00000B)
• Aubergine Pier color palette (#EBDCE6, #352F2A, #220087, #160502, #050017)
• Ancient Ultramarine Field color palette (#EED8E9, #007ED8, #244CDA, #4711A5, #020018)
• Aubergine Lantern color palette (#DFF3E2, #0062BB, #47178D, #311900, #01001A)
• Obsidian Boulevard color palette (#E8EDE0, #005171, #00224C, #1C001D, #000409)
• Ancient Navy Corridor color palette (#E1E6D6, #4D85B6, #003B77, #00202F, #000429)
• Inked Boulevard color palette (#FFE7E1, #73008C, #430034, #1B0700, #09000A)

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