Eclipse Navy color palette — #D3E4E2 · #005A1A · #21007D · #250B00 · #020A00

Royal Purple and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#D3E4E2): bright and airy, almost weightless.
• Deep Olive (#005A1A): A full-bodied, balanced green — the color of a quiet forest floor.
• Royal Purple (#21007D): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#250B00): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#020A00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged 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

• Fern Terrace color palette (#D1E7E3, #1B5900, #002C4C, #2D0009, #010B00)
• Onyx Atelier color palette (#CFE7EF, #00464C, #250053, #120600, #000202)
• Navy Chapel color palette (#D1ECDE, #005168, #1E007E, #200022, #000201)
• Spruce Garden color palette (#DBEBDD, #6F6F31, #1D4200, #002924, #111100)
• Onyx Veranda color palette (#D1E2EA, #00545F, #500033, #191300, #010500)
• Patina Abyss Drift color palette (#C5E4F2, #625A60, #00414B, #232027, #000916)
• Weathered Lagoon color palette (#CCEDF8, #00B06E, #007D88, #004199, #000D14)
• Nightshade Grove color palette (#CDE3F3, #006F98, #3E00BC, #440043, #000A07)

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