Eclipse Navy color palette — #C2E4FB · #005B9A · #000F8D · #12004C · #0A0022

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

The five colors

• Powder Blue (#C2E4FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#005B9A): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#000F8D): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#12004C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#0A0022): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, Depth. Tagged dark, cool.

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

• Patina Nightshade Loft color palette (#DCEDF5, #006BAD, #002CBB, #25006B, #0F0022)
• Shadow Orchard color palette (#CCEAF2, #006086, #00375C, #001335, #0A0017)
• Charred Ultramarine color palette (#D5E8FF, #2347EE, #320092, #1D0043, #0F001B)
• Muted Chapel color palette (#E6EFFF, #2A34C8, #503A00, #0E006A, #090500)
• Worn Plum color palette (#DEE2F7, #A784D2, #9B4E8C, #003565, #060823)
• Obsidian Nightshade color palette (#E5E9FF, #3200B2, #5E1600, #002C17, #01000F)
• Deep Grape color palette (#E7E8FF, #6E08D7, #4A006F, #270029, #12000E)
• Faded Lapis Atelier color palette (#DEE8F9, #6E84FF, #5C46CC, #482777, #3B1B4C)

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