Eclipse Onyx color palette — #CCF1F7 · #0079A3 · #003D6D · #0D0043 · #020007

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

The five colors

• Frost (#CCF1F7): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0079A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003D6D): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#0D0043): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, 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

• Timeworn Cypress Workshop color palette (#DCF3EC, #008187, #004B59, #001225, #00000C)
• Onyx Study color palette (#DCF1FC, #005583, #002B56, #020038, #01000A)
• Deep Nightshade color palette (#CDF1FF, #0073B4, #0F0CBD, #160038, #030004)
• Navy Workshop color palette (#F2DDED, #4962BF, #754A00, #130087, #020100)
• Linen Workshop color palette (#DFEFFF, #5F68D1, #51009C, #220022, #040002)
• Muted Blush Delta color palette (#F9E4F9, #B9A9E1, #CD7291, #005059, #010008)
• Tempered Summit color palette (#F6DAF1, #2744BB, #584300, #3F2F00, #00000C)
• Wandering Lantern color palette (#D2E2F3, #6E89F1, #6F37DF, #5F0063, #17000E)

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