Eclipse Petrol color palette — #DEECF6 · #0074A2 · #25234D · #001220 · #000406

A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Frost (#DEECF6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#0074A2): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#25234D): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#001220): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000406): a grounded near-black with real depth.

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

• Velvet Lagoon color palette (#CBE6EC, #007C73, #002E42, #001318, #000504)
• Eclipse Veranda color palette (#D9EDFF, #00598F, #1D0E3C, #17171E, #00060F)
• Sapphire Studio color palette (#E2EDFF, #2E53F3, #391A46, #030F26, #000409)
• Ancient Cobalt color palette (#C9E9DC, #0091CA, #403F6C, #142C24, #0C140D)
• Washed Violet Corridor color palette (#ECECFA, #9A6DB5, #44344B, #1D1C2A, #0A0C11)
• Antique Market color palette (#D5E6FF, #2E79FF, #698000, #576B00, #041638)
• Softworn Cobalt Pier color palette (#F8EFF6, #97DDE9, #008CCA, #006544, #152248)
• Twilit Nightshade Corridor color palette (#DFEBFF, #191CBC, #1C151B, #1B0025, #000107)

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