Eclipse Harbor color palette — #DDE5F3 · #3351D4 · #1F243D · #0A1323 · #03040A
A conversation between Cobalt and Midnight, giving this palette its sense of creativity and energy.
The five colors
- Frost (#DDE5F3): A whisper-light, dusty violet — the color of twilight just after sunset.
- Cobalt (#3351D4): A full-bodied, vivid violet — the color of twilight just after sunset.
- Midnight (#1F243D): A deep, shadowed, dusty violet — the color of a velvet chair.
- Ink (#0A1323): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#03040A): a grounded near-black with real depth.
Feels like: Creativity, Energy, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, vibrant.
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
- Aged Indigo color palette (#DEE4F9, #725DC3, #312F46, #1C1E2A, #0C0B12)
- Lowlit Petrol color palette (#D7E9F7, #006B97, #112642, #061520, #030408)
- Nightshade Field color palette (#E3EBFF, #3B00BE, #322121, #150525, #010210)
- Byzantium Garden color palette (#E9E8F8, #9315B8, #2B1F39, #131122, #060308)
- Iris Archive color palette (#EBD8E7, #7593F9, #5C5D83, #4D3248, #120A12)
- Washed Violet Thicket color palette (#E2E1FF, #9857C2, #965E00, #006965, #292745)
- Velvet Plum color palette (#E8DCF6, #B60084, #4A1622, #1D1228, #0C040D)
- Inked Terrace color palette (#EFE8FF, #614600, #510048, #281218, #0E0004)
Browse the whole catalog at Explore, or see today's palette.