Eclipse Harbor color palette — #D6ECDF · #837800 · #232800 · #131E21 · #000502
A conversation between Olive Leaf and Onyx, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D6ECDF): A whisper-light, dusty teal — the color of sea glass.
- Olive Leaf (#837800): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#232800): A deep, shadowed, dusty green — the color of fresh herbs.
- Onyx (#131E21): quiet, heavy and certain.
- Ink (#000502): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, 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
- Velvet Harbor color palette (#D6F4EB, #506B00, #201F26, #041800, #010100)
- Moss Coast color palette (#CCE8D8, #9F8C00, #415D33, #20352A, #020601)
- Deep Pine color palette (#CEEDEA, #008E43, #002D1D, #111218, #000505)
- Tempered Studio color palette (#D5FFFB, #05AF4B, #0091A9, #896400, #00100F)
- Nocturne Bronze Terrace color palette (#FADCE9, #B45A00, #361E00, #140C03, #0D0005)
- Washed Pier color palette (#E6FAF6, #73B252, #2D4F34, #0C231F, #010705)
- Pine Veranda color palette (#E2FCF5, #A0C898, #328A4D, #614F17, #001E1A)
- Lime Study color palette (#EBF3A9, #9ABC34, #5C8400, #245800, #042B02)
Browse the whole catalog at Explore, or see today's palette.