Twilit Harbor color palette — #C9EBDF · #005E8C · #5E007A · #302400 · #000403

Royal Purple and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#C9EBDF): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#005E8C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Royal Purple (#5E007A): A deep, shadowed, vivid pink — the color of peonies in June.
• Espresso (#302400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#000403): quiet, heavy and certain.

Feels like: Trust, Stability, Creativity, Depth, Luxury. Tagged jewel, vibrant, 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

• Aged Nightshade Harbor color palette (#D3EFDE, #005F74, #3426A3, #432200, #000702)
• Quiet Ultramarine color palette (#F5E5F1, #3F55BA, #6F0053, #183400, #090007)
• Nightshade Alley color palette (#F0E7C9, #008896, #463D90, #2F2E00, #00101B)
• Worn Aubergine color palette (#FFE9F1, #7439A5, #580D89, #332000, #00040B)
• Ancient Garnet color palette (#DAF0E4, #005B78, #790030, #382600, #0F1A00)
• Softworn Harbor color palette (#C9EADC, #0068A0, #462286, #45005A, #040300)
• Hushed Drift color palette (#CEE3E2, #0094C3, #2A52A8, #360071, #1E0015)
• Softworn Lantern color palette (#DCEFE9, #006FB8, #633D00, #362300, #0C0C00)

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