Eclipse Harbor color palette — #F7EAD7 · #5F6B00 · #003D21 · #0E0030 · #010200
A conversation between Olive and Ink, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7EAD7): A whisper-light, dusty gold — the color of old brass.
- Olive (#5F6B00): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#003D21): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#0E0030): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#010200): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, 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
- Lowlit Fern color palette (#EBE9D1, #485E00, #00313D, #110018, #030100)
- Charred Chestnut color palette (#F7E5CA, #8B5600, #353400, #000E1A, #020100)
- Olive Terrace color palette (#F6EBD6, #7C810D, #2A4500, #231A00, #010100)
- Patina Lagoon Corridor color palette (#DAE4C9, #558E64, #005C5A, #281140, #0B0007)
- Moss Parlor color palette (#E3E2C6, #AD9C00, #5F9000, #005C4B, #000200)
- Antique Bronze Veranda color palette (#F7D9CF, #8A7B00, #006959, #502263, #020400)
- Clover Delta color palette (#FFF4E2, #67BA4E, #007C6C, #552176, #001808)
- Antique Studio color palette (#F2ECE3, #62ADCE, #00598D, #002B2F, #000106)
Browse the whole catalog at Explore, or see today's palette.