Twilit Harbor color palette — #E9EDFA · #4602B5 · #2D1D1C · #180226 · #010112

Indigo and Ink set the tone — five colors that lean into creativity and energy.

The five colors

• Frost (#E9EDFA): a clean, paper-quiet neutral.
• Indigo (#4602B5): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Onyx (#2D1D1C): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#180226): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#010112): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Eclipse Aubergine color palette (#EAEBFF, #52007E, #2E170E, #150013, #010109)
• Shadow Pier color palette (#FCE5F3, #5643CE, #371435, #070421, #000202)
• Navy Basin color palette (#D7E3F1, #004583, #231A21, #0A092A, #00030B)
• Nocturne Grape Market color palette (#EAE9F6, #8B00A9, #3A022A, #0E0624, #040008)
• Linen Indigo Villa color palette (#F7DFED, #7355F9, #503365, #2E1224, #040004)
• Indigo Study color palette (#E0E3F8, #785FB2, #332E46, #1C1E2C, #0D0B13)
• Dusty Mulberry Study color palette (#FBE0FA, #8D218F, #624A00, #00464D, #230024)
• Onyx Meadow color palette (#E9DDFB, #5A4400, #530041, #291016, #0F0003)

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