Eclipse Harbor color palette — #F7EAF4 · #332D33 · #0E0085 · #1B0A07 · #04000B

Indigo and Black set the tone — five colors that lean into creativity and sophistication.

The five colors

• Blush (#F7EAF4): bright and airy, almost weightless.
• Espresso (#332D33): a grounded near-black with real depth.
• Indigo (#0E0085): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#1B0A07): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#04000B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Nocturne Nightshade Terrace color palette (#D5DFF2, #2400B0, #3C2D34, #170718, #010009)
• Eclipse Aubergine color palette (#FADFEE, #572D00, #2B0074, #1C0D06, #060007)
• Onyx Alley color palette (#DEF1EC, #4B454E, #002B4F, #151019, #02000F)
• Washed Navy color palette (#F7EEE5, #407FAA, #002E92, #001F22, #01000A)
• Lapis Lagoon color palette (#FFE6F6, #5946EF, #391A45, #1F0418, #060206)
• Twilit Aubergine color palette (#F6E4ED, #502EA1, #004829, #230056, #000201)
• Cellar Chestnut Workshop color palette (#E9DCCF, #695600, #252E00, #050B3D, #020100)
• Charred Aubergine Bloom color palette (#E9DAF4, #58007D, #283700, #002419, #020005)

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