Dark Eclipse

Explore this fathers-day color palette featuring Dark Eclipse (#0e1d46), Antique Grey (#695670), and Fire Dust (#b68e66) for a muted design aesthetic.

fathers-daymuted
Visualize
:root {
  --color-1: #0e1d46;
  --color-2: #5477ac;
  --color-3: #695670;
  --color-4: #484747;
  --color-5: #b68e66;
}

.ASE works in Adobe apps and several others that adopted the format. .sketchpalette imports into Sketch. .swatches (Procreate) follows a community-documented structure, since Procreate doesn't publish an official spec, so treat it as best-effort. .pptx is a real PowerPoint file with the palette applied as the deck's theme colors (not just two sample slides); Keynote opens .pptx files directly too.

Similar palettes

Passionate Blue6
Apple Cinnamon22
Pico Void24
Purple Pristine16
Cowgirl Boots40
Tilted Red37
Florida Waters3
Stylish Red21

Dark Eclipse FAQ

What colors are in Dark Eclipse?

Dark Eclipse uses 5 colors: Dark Eclipse, Flying Fish, Antique Grey, Pig Iron, Fire Dust.

Is Dark Eclipse accessible for text and backgrounds?

The highest-contrast pair in this palette is Dark Eclipse on Fire Dust, at 5.5:1 (AA). Use the accessibility panel above to check any specific pair.

How do I use Dark Eclipse in a project?

Copy the hex codes above, or open Dark Eclipse in the generator to remix it and export as CSS, Tailwind, or JSON.