Eclipse Harbor color palette — #C6E8DE · #004F83 · #583000 · #002039 · #030100

Peacock and Cocoa set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#C6E8DE): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#004F83): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#583000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Midnight (#002039): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, 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

• Twilit Garnet color palette (#DBEBDA, #005857, #740018, #002424, #040000)
• Charred Abyss Coast color palette (#DFECF6, #004060, #3F2E00, #1B2000, #000103)
• Worn Forest color palette (#DCF1E9, #005782, #064C0B, #002338, #000900)
• Weathered Petrol Boulevard color palette (#D9ECFF, #0070B1, #784800, #002D4C, #020100)
• Nightshade Alley color palette (#FFE6FB, #0F2FC6, #4F3600, #030068, #020100)
• Lowlit Terracotta Lagoon color palette (#D9EAED, #984000, #005D69, #050A0E, #000200)
• Inked Aubergine color palette (#E3E1F1, #5A00BA, #3C3F00, #250054, #010100)
• Quiet Garden color palette (#D0ECFF, #8480D6, #9E4385, #003431, #000013)

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