Twilit Navy color palette — #EDDFEE · #004584 · #1E1C24 · #03092F · #08000A

Navy and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#EDDFEE): A whisper-light, dusty pink — the color of neon signs at night.
• Navy (#004584): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#1E1C24): a grounded near-black with real depth.
• Ink (#03092F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#08000A): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Inked Denim color palette (#DEF5EC, #004B6B, #292931, #000F22, #000402)
• Hazy Workshop color palette (#EEE6FB, #7700C9, #92003C, #004260, #18072A)
• Cobalt Delta color palette (#E1F5EF, #007DD1, #463769, #001E39, #000201)
• Lowlit Nightshade color palette (#F5E1F0, #2800C9, #1F110F, #0E052E, #080007)
• Denim Coast color palette (#CAE2FD, #0061B0, #3C3033, #1C1F46, #000919)
• Lowlit Aubergine Station color palette (#FBDBE5, #3C3832, #430066, #1C0D03, #0B000E)
• Tempered Violet color palette (#FCEDF3, #8669C1, #4C353C, #30252A, #1A1213)
• Turquoise Hollow color palette (#E5E8DA, #53ABCA, #005F82, #003D45, #002237)

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