Eclipse Harbor color palette — #DEECE3 · #003F4C · #390067 · #061700 · #000203

Built around Royal Purple, softened by Deep Teal — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DEECE3): bright and airy, almost weightless.
• Deep Teal (#003F4C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Royal Purple (#390067): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#061700): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000203): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged dark, muted.

Use it as a design system

One click turns Eclipse 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

• Lowlit Aubergine Cabin color palette (#E3F2E7, #003F48, #32006F, #230027, #000203)
• Smoked Onyx color palette (#DBE4D5, #004234, #002956, #191200, #000202)
• Onyx Pier color palette (#FCE6FC, #003670, #4C0040, #001712, #000207)
• Hushed Onyx Meadow color palette (#E4F2EE, #A295A2, #82667C, #002D4E, #000C09)
• Navy Thicket color palette (#D0E7DD, #00628B, #1B007B, #002031, #01000F)
• Shadow Nightshade Terrace color palette (#E3E6FF, #3A1FA9, #670033, #002224, #03001C)
• Nightshade Hollow color palette (#FFE1E3, #1D3BA9, #270064, #21000C, #020018)
• Charred Aubergine color palette (#FEE3EF, #46178C, #3A002C, #1B0000, #030100)

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