Twilit Harbor color palette — #D0E7D0 · #004546 · #1E2722 · #35003C · #0F0500

Deep Indigo and Deep Teal set the tone — five colors that lean into creativity and sophistication.

The five colors

• Celadon Mist (#D0E7D0): A whisper-light, dusty green — the color of fresh herbs.
• Deep Teal (#004546): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#1E2722): quiet, heavy and certain.
• Deep Indigo (#35003C): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#0F0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Creativity, Sophistication, Depth, Luxury. Tagged 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

• Shadow Onyx Veranda color palette (#DEF5DB, #004542, #380035, #180001, #020100)
• Deep Veranda color palette (#D6F5EC, #003E66, #1C2728, #3F0014, #080800)
• Charred Onyx Balcony color palette (#D9F7E8, #4D4144, #002F3D, #091215, #00010D)
• Denim Loft color palette (#DDF0F1, #005E86, #393064, #261600, #050200)
• Tempered Cabin color palette (#EFE2DB, #05898C, #004352, #002112, #000103)
• Deep Garnet color palette (#E0F3EA, #006084, #670036, #151E00, #020400)
• Twilit Station color palette (#F7EDD8, #4A6200, #003414, #001819, #010100)
• Weathered Mulberry color palette (#D4E3D9, #00788B, #7A0067, #2E2700, #0E0B00)

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