Twilit Harbor color palette — #D8EBFD · #004D7C · #5C0082 · #00372F · #000103

Royal Purple takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D8EBFD): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#004D7C): A full-bodied, balanced blue — the color of deep harbor water.
• Royal Purple (#5C0082): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Forest (#00372F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Creativity, 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

• Nightshade Archive color palette (#D1F2FB, #005361, #3614A2, #003A13, #000102)
• Twilit Ultramarine color palette (#DFE9FF, #1600DA, #6B0062, #003639, #00000C)
• Garnet Basin color palette (#D5ECFE, #00517D, #79003A, #2A3600, #000812)
• Misty Lagoon color palette (#EEDAF2, #8B009E, #92040B, #003978, #09000C)
• Cobalt Atelier color palette (#D9E6F3, #0071B7, #003D67, #001226, #000104)
• Inked Aubergine Coast color palette (#ECECFF, #4800AF, #690029, #002124, #010009)
• Worn Indigo Harbor color palette (#EDE1EE, #7A9AE7, #736FCC, #004265, #0D000D)
• Sunlit Byzantium color palette (#DEE8F7, #006CE1, #9F00B0, #005F5C, #000D27)

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