Twilit Harbor color palette — #E0E6D1 · #006637 · #3C3F48 · #002016 · #040600

Pine takes the lead with Ink close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#E0E6D1): A whisper-light, dusty green — the color of new leaves after rain.
• Pine (#006637): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#3C3F48): quiet, heavy and certain.
• Ink (#002016): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#040600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Deep Fern color palette (#EEE7D2, #5C5800, #2C3633, #171D00, #060500)
• Obsidian Denim Delta color palette (#DBEDDD, #006167, #312E24, #001E25, #000801)
• Muted Lagoon color palette (#D3F3E6, #009D84, #006055, #003E3C, #00191A)
• Ancient Balcony color palette (#F4F0E1, #81975F, #386221, #383D00, #0D1500)
• Weathered Boulevard color palette (#E3E9D2, #008E46, #534D54, #002C29, #030400)
• Washed Quarry color palette (#E7F4E3, #009386, #866600, #00524A, #191100)
• Ultramarine Balcony color palette (#DAE9D9, #007B78, #0058C0, #3E5500, #000E0D)
• Petrol Boulevard color palette (#E8EAE2, #8BC0B0, #2B6DB0, #004760, #011338)

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