Twilit Harbor color palette — #EDEBDB · #5A7200 · #0026A0 · #26002F · #040000

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

The five colors

• Parchment (#EDEBDB): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#5A7200): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#0026A0): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#26002F): A deep, shadowed, balanced pink — the color of neon signs at night.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

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

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 Nightshade color palette (#EEF0D6, #2D7B00, #0F10B0, #300001, #040000)
• Nocturne Alley color palette (#F0E5CB, #766700, #004356, #240032, #030005)
• Cellar Delta color palette (#E3E7D7, #00662E, #28007B, #0F1107, #170005)
• Moonless Canyon color palette (#E8F1DF, #007A58, #530086, #300006, #030100)
• Feathered Lapis Chapel color palette (#FBEFD5, #977F00, #454BDB, #780058, #15000C)
• Deep Fern color palette (#CBE8E0, #395400, #003037, #18003D, #170003)
• Twilit Cocoa Pier color palette (#F8D6E1, #683E00, #00322C, #240017, #020100)
• Hushed Summit color palette (#D6EDD1, #535960, #165E03, #111B18, #000705)

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