Eclipse Harbor color palette — #D2E8F4 · #005568 · #642500 · #00232C · #030000

Rust takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D2E8F4): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#005568): A full-bodied, dusty blue — the color of deep harbor water.
• Rust (#642500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Midnight (#00232C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Nocturne Basalt Drift color palette (#C8E4F1, #005C68, #3D4300, #00252C, #050700)
• Garnet Hollow color palette (#C9E7F4, #004255, #591700, #381900, #000102)
• Garnet Market color palette (#C3E8EB, #005A48, #6E0042, #00251C, #040001)
• Denim Canyon color palette (#DBE7CC, #825300, #00558E, #0A0B14, #000104)
• Brick Atelier color palette (#DDEEE5, #007494, #A70A00, #003E51, #140000)
• Fern Drift color palette (#C6E9D3, #00788D, #4D5C00, #00313B, #010100)
• Soft Azure Meadow color palette (#E0EFFF, #3694DF, #8E4600, #00497A, #210B00)
• Shadow Chapel color palette (#E6EFFF, #2E3AAB, #4D3700, #0F0064, #020100)

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