Twilit Harbor color palette — #D7E2D1 · #007A67 · #003265 · #002E26 · #000207

Navy and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#D7E2D1): A whisper-light, dusty green — the color of new leaves after rain.
• Teal (#007A67): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#003265): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#002E26): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000207): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged duotone, dark, muted, cool.

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

• Nightshade Field color palette (#E0EDE3, #007684, #17009C, #002D33, #000010)
• Deep Onyx color palette (#F1EADD, #00646C, #003354, #36000B, #000E13)
• Wandering Olive Basin color palette (#E4E4D7, #4F7600, #003C3B, #1B2D00, #000202)
• Aubergine Studio color palette (#EAEED9, #007E29, #360093, #00340C, #010009)
• Washed Abyss Alley color palette (#E1EAE1, #A0ADA5, #65887B, #004042, #08180A)
• Dusty Nightshade Station color palette (#DFECE3, #00A595, #007B9A, #0036A8, #000F1B)
• Sunlit Mulberry color palette (#F6ECF7, #2E77C9, #6E005C, #003163, #0A0007)
• Moonless Onyx color palette (#DAE3D5, #00413C, #3E0044, #250400, #020300)

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