Eclipse Navy color palette — #D5E4F3 · #0044A3 · #1C0088 · #12003B · #03000A

Indigo takes the lead with Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D5E4F3): A whisper-light, dusty blue — the color of open sky before noon.
• Indigo (#0044A3): A full-bodied, vivid blue — the color of deep harbor water.
• Indigo (#1C0088): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#12003B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#03000A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, 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

• Obsidian Orchard color palette (#D9F3FE, #0065AA, #220095, #1C003A, #110012)
• Twilit Nightshade color palette (#D3DEF7, #403C98, #423D00, #1A005E, #010100)
• Lowlit Onyx color palette (#DEF0F9, #004F77, #002D5A, #060045, #010009)
• Navy Studio color palette (#E8EEFF, #9179A7, #9B4C84, #061D8B, #050011)
• Midnight Aubergine Study color palette (#E3E6FF, #5835A6, #3F0065, #21002D, #030003)
• Twilit Aubergine color palette (#DCDBFC, #3E0C98, #531F00, #002A1D, #010009)
• Pale Grape color palette (#E5EBFE, #7972D5, #6532B4, #4E0071, #25002F)
• Linen Canyon color palette (#E4E1FF, #8856C1, #710092, #40003B, #1C0013)

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