Eclipse Harbor color palette — #F0E7FB · #896600 · #380029 · #26140C · #0E0008

A conversation between Ochre and Deep Indigo, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#F0E7FB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ochre (#896600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Indigo (#380029): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#26140C): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0E0008): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Charred Pine color palette (#E6E1F9, #007B52, #360039, #220F0D, #070008)
• Softworn Bronze Delta color palette (#FBEBF1, #9A7300, #253326, #3D1D00, #130600)
• Muted Amber color palette (#EDD6E5, #AD8628, #621800, #2E0600, #130610)
• Timeworn Garnet Field color palette (#EBDFEA, #B5A3AF, #947583, #690A1F, #1D0D1E)
• Wandering Lantern color palette (#F6E4E6, #B93F2E, #5C2800, #2A1500, #110A00)
• Worn Mulberry color palette (#FFE6E6, #BC8E00, #9A0076, #460C36, #070001)
• Aged Stone Archive color palette (#FFF1F5, #C6AB73, #6A4A21, #422702, #2B1D22)
• Aubergine Workshop color palette (#F7E0E4, #209A68, #5B0862, #1F0022, #050005)

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