Eclipse Harbor color palette — #F0DCE9 · #B63500 · #441F05 · #280B21 · #120508

Built around Brick, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F0DCE9): A whisper-light, dusty pink — the color of peonies in June.
• Brick (#B63500): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#441F05): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#280B21): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#120508): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Smoked Plum color palette (#E8DAEC, #BD1158, #441D1F, #230E28, #10050B)
• Cellar Boulevard color palette (#F0E1E7, #924F00, #152C15, #210B16, #0B0202)
• Ember Hollow color palette (#EFDBD0, #ED3A02, #613C00, #381F12, #1C0D0A)
• Hazy Tangerine Courtyard color palette (#F0E2DA, #FF6C41, #865C43, #682F05, #1B0E08)
• Muted Delta color palette (#E6F6EF, #7B8249, #28433C, #182E26, #101818)
• Plum Dune color palette (#D3F6D3, #AB7300, #22890B, #B20048, #432B00)
• Tempered Amber color palette (#F3E0D6, #DE8133, #975900, #6B4300, #393A01)
• Worn Amber color palette (#E6FCE7, #BF881C, #009479, #7A5400, #004638)

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