Eclipse Harbor color palette — #CFE6CD · #674100 · #00341B · #001525 · #120014

Bronze and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#CFE6CD): A whisper-light, dusty green — the color of new leaves after rain.
• Bronze (#674100): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#00341B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001525): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#120014): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Eclipse Dune color palette (#D4E6DD, #524C00, #00322E, #070049, #160009)
• Cocoa Field color palette (#FFE6F6, #802900, #193200, #001720, #110017)
• Weathered Chestnut Canyon color palette (#F4EAD1, #736400, #3A4000, #1A2400, #00110C)
• Ancient Ember color palette (#F8E6CA, #E15500, #8F6800, #3C4700, #0B0800)
• Softworn Bronze Garden color palette (#FAE4CB, #7B6E1C, #345529, #132B47, #1C133B)
• Quiet Archive color palette (#FCE5CD, #915600, #004F57, #08007D, #120014)
• Powdered Olive Dune color palette (#E2F5EC, #507A0F, #004416, #401000, #091300)
• Feathered Basin color palette (#DCECDF, #2C99D2, #004A89, #002F36, #040D39)

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