Twilit Harbor color palette — #D7E2D3 · #00665D · #450050 · #002420 · #040001

Built around Royal Purple, softened by Pine — the whole palette hums with creativity and sophistication.

The five colors

• Bone (#D7E2D3): A whisper-light, dusty green — the color of a quiet forest floor.
• Pine (#00665D): A full-bodied, balanced teal — the color of sea glass.
• Royal Purple (#450050): A deep, shadowed, balanced pink — the color of peonies in June.
• Onyx (#002420): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Eclipse Harbor color palette (#E2F2E7, #006373, #520023, #00232A, #040000)
• Inked Aubergine Loft color palette (#E1E4D6, #006B26, #2C0073, #002608, #040002)
• Aubergine Parlor color palette (#FFEBCD, #00505B, #250063, #120900, #000103)
• Onyx Alley color palette (#DCF7E5, #00434F, #1E2826, #400010, #0C0700)
• Obsidian Navy Coast color palette (#D6F5ED, #005C73, #002460, #11002D, #030004)
• Cobalt Pier color palette (#F8E9FA, #006AB7, #680030, #002B4F, #040000)
• Pale Nightshade color palette (#D9EAF0, #008A96, #3700A4, #003237, #00000B)
• Spruce Chapel color palette (#DBE5DE, #988799, #806070, #003039, #000201)

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