Eclipse Harbor color palette — #FCE6E0 · #900035 · #3F3E00 · #3F0013 · #010100

Wine and Onyx set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#FCE6E0): A whisper-light, dusty orange — the color of autumn markets.
• Wine (#900035): A full-bodied, vivid red — the color of late-summer berries.
• Deep Olive (#3F3E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#3F0013): A deep, shadowed, balanced red — the color of a theater curtain.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Depth, Luxury. Tagged dark.

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

• Mulberry Pier color palette (#FCE9FF, #98003D, #004943, #430016, #000807)
• Cocoa Courtyard color palette (#FFEBDE, #812D00, #104800, #380F00, #000200)
• Obsidian Garnet Delta color palette (#FAE4E3, #740018, #3F2E00, #38004B, #040000)
• Aubergine Grove color palette (#FFDEE3, #7C0083, #593000, #360039, #030100)
• Aubergine Harbor color palette (#FDE3D0, #7A3500, #59007B, #351300, #030005)
• Nightshade Workshop color palette (#FBDBD2, #91002C, #3500A4, #40000E, #01000A)
• Muted Archive color palette (#F6EAF8, #C10051, #5F5B00, #6C002A, #070600)
• Plum Coast color palette (#FBE5E1, #B82B5D, #006161, #550023, #000202)

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