Twilit Navy color palette — #EFD8E8 · #638600 · #1A0F76 · #040028 · #040003

Deep Indigo and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#EFD8E8): A whisper-light, dusty pink — the color of neon signs at night.
• Olive Leaf (#638600): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#1A0F76): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#040028): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#040003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark.

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 Atelier color palette (#FBE1EE, #98741A, #2B006B, #0B0027, #080004)
• Moonless Aubergine Coast color palette (#F0D7E2, #008D6E, #30165B, #0B0021, #040002)
• Navy Delta color palette (#E9F0FF, #859E38, #363690, #130A4D, #020013)
• Wandering Alley color palette (#F1DBE3, #00AF83, #4E1689, #1F003E, #05000F)
• Garnet Loft color palette (#EEDCDC, #6A9E51, #630F46, #270019, #060000)
• Velvet Cabin color palette (#EDDDDF, #00693F, #260029, #110402, #030004)
• Aubergine Alley color palette (#F3E5E9, #C1AEAC, #9F887D, #5A2E69, #14060A)
• Antique Pier color palette (#FFEDEE, #71BD6D, #6E3167, #3A0435, #140205)

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