Twilit Harbor color palette — #F4D5D7 · #656F00 · #3A002F · #181004 · #080006

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

The five colors

• Shell Pink (#F4D5D7): A whisper-light, dusty red — the color of embers at dusk.
• Olive (#656F00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#3A002F): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#181004): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#080006): A deep, shadowed, dusty pink — the color of neon signs at night.

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

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

• Inked Fern color palette (#F2E0DB, #605B00, #2E0008, #100802, #040000)
• Cellar Thicket color palette (#FBE3EF, #2D7C00, #230056, #220C16, #030011)
• Bronze Thicket color palette (#FCE4E1, #A25423, #3B001D, #251609, #0F0004)
• Dusty Dune color palette (#E4D8F3, #7A8D30, #65004C, #220018, #030009)
• Bronze Chapel color palette (#EEDFD1, #927400, #3F2200, #1E2722, #0F0500)
• Muted Moss color palette (#FFEADF, #A28D1A, #641E00, #260600, #040100)
• Muted Drift color palette (#E8DDD9, #AB9D93, #9C7334, #6B0014, #0C0200)
• Stone Villa color palette (#F9F0E5, #C9B079, #6B5024, #372300, #120B04)

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