Eclipse Onyx color palette — #DBF2FF · #00667D · #00204B · #090F14 · #000203

A conversation between Midnight and Peacock, giving this palette its sense of trust and stability.

The five colors

• Frost (#DBF2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#00667D): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#00204B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#090F14): a grounded near-black with real depth.
• Black (#000203): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

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

• Velvet Atelier color palette (#D6F4E4, #004D62, #182529, #000F1A, #000201)
• Weathered Azure Basin color palette (#D7EBFD, #0094DF, #4A4F7C, #163249, #010509)
• Hushed Villa color palette (#E1F2FF, #01AFE9, #4D64A2, #25465B, #04141A)
• Worn Forest color palette (#EFE4EB, #4BB3B0, #008298, #006138, #000B14)
• Sapphire Bloom color palette (#D0E1F9, #2F69FE, #4B3270, #0E1D33, #000205)
• Nightshade Balcony color palette (#C3ECF5, #0085B0, #005FAA, #1620A1, #0D0030)
• Pine Thicket color palette (#D2E6D7, #809329, #00771F, #005451, #000805)
• Softworn Petrol Harbor color palette (#E5F4EE, #518F9F, #4563A3, #5A3E00, #151400)

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