Eclipse Petrol color palette — #DBE6F1 · #0071B0 · #23234F · #03111F · #000407

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

The five colors

• Frost (#DBE6F1): a clean, paper-quiet neutral.
• Slate (#0071B0): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#23234F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#03111F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000407): quiet, heavy and certain.

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

Use it as a design system

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

• Midnight Cypress color palette (#CCE5ED, #007B7C, #002E41, #001319, #000405)
• Velvet Denim color palette (#DBE4F0, #0053A3, #281F22, #1B1139, #000512)
• Sapphire Study color palette (#E6F0FD, #0A5AEF, #2E2244, #051020, #000409)
• Timeworn Azure Bloom color palette (#D8FFF4, #0998F2, #223B64, #001A15, #000201)
• Orchid Field color palette (#EDEBFD, #A764B4, #413746, #1E1C27, #0B0C10)
• Indigo Cabin color palette (#DEE3FF, #6C6AFF, #8D7200, #4F6D00, #121139)
• Charred Amethyst Summit color palette (#DEE2F0, #7820F8, #3D1A3C, #0B0E23, #010309)
• Worn Cobalt color palette (#FBEDF6, #8FDEF1, #008DC7, #006455, #0A2449)

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