Eclipse Navy color palette — #F6DCF9 · #004685 · #17006D · #1B0010 · #000107

Deep Indigo and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Thistle (#F6DCF9): A whisper-light, dusty pink — the color of peonies in June.
• Navy (#004685): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#17006D): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#1B0010): A deep, shadowed, dusty rose — the color of a warm blush.
• Black (#000107): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Depth, Luxury. Tagged retro, dark.

Use it as a design system

One click turns Eclipse Navy 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

• Nightshade Harbor color palette (#FDE6FA, #412D9C, #330053, #1E0003, #020008)
• Inked Garden color palette (#D0F1F1, #004D6A, #002248, #18001A, #000103)
• Velvet Navy Workshop color palette (#ECE0CC, #005461, #120072, #130D00, #000408)
• Linen Nightshade color palette (#F0DEDB, #0067A8, #190DB2, #3C002E, #00030D)
• Softworn Cerulean Grove color palette (#DCF0EE, #3C8399, #004259, #001F23, #000103)
• Aubergine Bloom color palette (#E9EBFF, #5E537A, #4F245B, #350007, #0B0100)
• Quiet Grove color palette (#F6E0F3, #656DCA, #5C2999, #58001D, #0E0330)
• Worn Lapis Quarry color palette (#FEEBFF, #598EF0, #594DBA, #730042, #0F183F)

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