Eclipse Harbor color palette — #F2EEDA · #635900 · #283600 · #001D1E · #0C0C00

Olive takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F2EEDA): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#635900): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#283600): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001D1E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0C0C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Shadow Corridor color palette (#EDDEC9, #834600, #402C00, #001F0B, #140800)
• Weathered Basalt color palette (#F2EEDD, #495658, #3A3D00, #142122, #050A00)
• Shadow Forest color palette (#F4F0D9, #006A30, #00392D, #001A2F, #000F06)
• Antique Amber Lagoon color palette (#E8E0CA, #AA8300, #7D7600, #385100, #0E0F00)
• Nocturne Loft color palette (#FEEBD3, #704E00, #123900, #19003E, #020200)
• Washed Pier color palette (#FEE7CC, #946900, #205900, #330072, #0E0B00)
• Frosted Navy color palette (#F0F0DD, #007767, #00464A, #140073, #001B19)
• Tempered Cerulean Atelier color palette (#E0E2D1, #509DA3, #00535F, #00302D, #00171E)

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