Eclipse Onyx color palette — #D7E8EF · #00658E · #003051 · #001348 · #0E001F

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

The five colors

• Frost (#D7E8EF): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#00658E): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003051): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#001348): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0E001F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Misty Field color palette (#C7E7F8, #0083BA, #00649F, #00386C, #000923)
• Lowlit Corridor color palette (#D7E2EE, #005198, #533900, #002043, #0A0500)
• Weathered Navy Harbor color palette (#D3F5F4, #00799C, #004D7F, #0A0277, #0E001F)
• Antique Cypress Studio color palette (#DAF7ED, #007368, #004040, #001C20, #020610)
• Velvet Lagoon color palette (#DCE8F5, #1655D5, #220089, #1B0042, #0D001B)
• Hazy Orchard color palette (#E3F0FF, #8B85C7, #924FB6, #00354E, #05072C)
• Navy Summit color palette (#E0E9F9, #00388C, #660015, #072D00, #000109)
• Aubergine Lagoon color palette (#D2E1FF, #6268F0, #5400B8, #40006D, #2A0737)

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