Eclipse Harbor color palette — #F3DCE7 · #498E2F · #2E0068 · #0C0025 · #080004

Deep Indigo and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F3DCE7): A whisper-light, dusty rose — the color of a warm blush.
• Olive Leaf (#498E2F): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#2E0068): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#0C0025): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#080004): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Olive Veranda color palette (#FDE4EA, #4F7B00, #30003F, #170B01, #0A0010)
• Velvet Coast color palette (#F2DDED, #917800, #100579, #02002E, #070006)
• Pale Aubergine color palette (#F9DCE1, #7EA200, #620067, #300033, #1C000B)
• Hazy Studio color palette (#E1E3F5, #CC9E2E, #7653A2, #432962, #020011)
• Chalky Garnet color palette (#F1D8D1, #96911B, #690022, #30010C, #0F0500)
• Inked Rust Boulevard color palette (#F0EEFD, #CC4400, #450150, #120016, #020007)
• Linen Archive color palette (#FFF2EF, #A6A939, #860043, #450E24, #2B120F)
• Frosted Quarry color palette (#FFE1E8, #E2674F, #62217B, #2A0538, #090002)

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