Eclipse Harbor color palette — #FDE9D5 · #394745 · #533000 · #151910 · #0E0700

A conversation between Espresso and Cream, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FDE9D5): A whisper-light, dusty gold — the color of old brass.
• Charcoal (#394745): a grounded near-black with real depth.
• Espresso (#533000): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#151910): quiet, heavy and certain.
• Ink (#0E0700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Dusty Basalt color palette (#E9EADC, #515000, #004C3E, #541B00, #080800)
• Shadow Veranda color palette (#F8E0D3, #4C5C55, #6B1400, #172016, #130400)
• Aged Bronze Bloom color palette (#F1E6D4, #8D6900, #4F3F00, #272000, #041101)
• Muted Pine color palette (#E2E8D3, #00874B, #243A00, #1D2112, #0A0E0A)
• Misty Drift color palette (#F3E8CC, #6C5F00, #8C0046, #342D00, #25000E)
• Aged Cerulean color palette (#EBEEDE, #00A0BC, #005269, #002F33, #001622)
• Lowlit Basalt color palette (#FEEECD, #384545, #4A3500, #131912, #0B0800)
• Shadow Cocoa color palette (#F3DCD0, #374641, #5E2600, #15180E, #110500)

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