Eclipse Harbor color palette — #F7DEF8 · #A00034 · #231E14 · #360504 · #0B020C

Garnet and Ink set the tone — five colors that lean into depth and luxury.

The five colors

• Blush (#F7DEF8): A whisper-light, dusty pink — the color of peonies in June.
• Garnet (#A00034): A full-bodied, vivid red — the color of embers at dusk.
• Onyx (#231E14): a grounded near-black with real depth.
• Ink (#360504): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0B020C): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Deep Workshop color palette (#F8E1F4, #AC3431, #3E180A, #160514, #030104)
• Inked Mulberry color palette (#F4ECFF, #950071, #35021B, #1B0E12, #090113)
• Charred Delta color palette (#FFE7F7, #791F00, #36342D, #1C0800, #040003)
• Pale Rust color palette (#F7DEDB, #CD4D33, #943000, #592200, #2C1200)
• Hushed Mulberry color palette (#E6F2E6, #8F6000, #18720C, #8E0538, #120900)
• Eclipse Chestnut color palette (#FCD5E1, #7F4F00, #291C00, #0F0600, #040001)
• Softworn Basalt color palette (#FFE5EF, #525D63, #532A00, #2B2414, #0C0500)
• Byzantium Field color palette (#F1DBE9, #C85833, #853EC9, #7C2400, #1C0033)

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