Twilit Navy Harbor color palette — #DDF1E4 · #5B4B00 · #00269F · #261E00 · #000009

Built around Indigo, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DDF1E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Deep Olive (#5B4B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#00269F): A deep, shadowed, vivid violet — the color of a velvet chair.
• Onyx (#261E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000009): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Energy, Depth, Luxury. Tagged dark.

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

• Deep Aubergine Field color palette (#CCEEE3, #435400, #4E008C, #1A2200, #020007)
• Cellar Cocoa color palette (#D4E7D6, #624700, #00405F, #291C00, #000103)
• Antique Orchard color palette (#F7E8CF, #846700, #2B48B1, #372900, #00000C)
• Inked Bloom color palette (#ECE2C7, #4A3900, #2F0088, #320043, #020100)
• Nocturne Workshop color palette (#F5DFE4, #0058BF, #714800, #0C1009, #000200)
• Obsidian Garnet color palette (#EFDAE9, #8A1F00, #004257, #3D0800, #000102)
• Aubergine Chapel color palette (#C9E8E2, #4C8D24, #64248B, #1A4100, #0F001B)
• Mulberry Courtyard color palette (#CBE5E4, #006D43, #7C0074, #00331D, #080007)

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