Eclipse Harbor color palette — #D8EBEF · #56515C · #00343D · #111E21 · #000508

Deep Teal and Ink set the tone — five colors that lean into sophistication and depth.

The five colors

• Frost (#D8EBEF): A whisper-light, dusty blue — the color of open sky before noon.
• Charcoal Brown (#56515C): quiet, heavy and certain.
• Deep Teal (#00343D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#111E21): quiet, heavy and certain.
• Ink (#000508): quiet, heavy and certain.

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

• Obsidian Denim Orchard color palette (#D9E8EE, #005D7F, #003750, #001527, #030210)
• Denim Harbor color palette (#DDEFFF, #005589, #004D16, #00223C, #000901)
• Eclipse Aubergine Harbor color palette (#D0E5FF, #003E7B, #530062, #002B28, #000207)
• Aged Violet color palette (#FBEDF3, #896ABB, #4B353B, #302529, #191313)
• Cobalt Meadow color palette (#E3E8D9, #3187C2, #003D71, #00202D, #000720)
• Patina Sapphire Chapel color palette (#F3DDEF, #4065DD, #402A38, #271A25, #120A0D)
• Cellar Fern color palette (#F6EFD8, #546600, #1D3200, #001D06, #050700)
• Hushed Petrol color palette (#D2E9F2, #2D74A5, #203A68, #2D1032, #210005)

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