Twilit Navy Harbor color palette — #F2E4F1 · #433D43 · #001778 · #1E0E1F · #02000F

Deep Indigo and Black set the tone — five colors that lean into creativity and sophistication.

The five colors

• Blush (#F2E4F1): A whisper-light, dusty pink — the color of a candy shop window.
• Charcoal (#433D43): quiet, heavy and certain.
• Deep Indigo (#001778): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#1E0E1F): A deep, shadowed, dusty pink — the color of neon signs at night.
• Black (#02000F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Shadow Onyx Delta color palette (#D1EBE3, #403F48, #002C4A, #060B0F, #010013)
• Charred Aubergine color palette (#F4D9EA, #250079, #192325, #210C1A, #04000B)
• Deep Aubergine color palette (#EFDAE0, #3F3B35, #3F005B, #1A0E05, #070005)
• Navy Orchard color palette (#ECE4D8, #507F99, #003D6B, #001F23, #00000B)
• Lapis Boulevard color palette (#FCE5F5, #4F5BCE, #2F2147, #080A2F, #070108)
• Nocturne Basalt color palette (#D7E7F9, #585C84, #432B50, #271500, #030300)
• Midnight Aubergine color palette (#F3E2E9, #5A2C99, #374100, #280050, #010100)
• Aubergine Meadow color palette (#F8DCE6, #530085, #492800, #002925, #020006)

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