Eclipse Petrol color palette — #D4EDFC · #006E88 · #122640 · #031620 · #01040A

Peacock takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D4EDFC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006E88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#122640): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#031620): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#01040A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Moonless Ultramarine Meadow color palette (#D7E2F5, #425AB6, #23223E, #0A1325, #03040B)
• Hushed Ridge color palette (#DAECF8, #008EB2, #254359, #032535, #030F15)
• Ancient Turquoise color palette (#DDF4E6, #00ABD2, #486389, #294336, #090F08)
• Midnight Grape color palette (#E4E4FF, #761EA5, #46332F, #21122D, #080618)
• Airy Cornflower Lagoon color palette (#D5E6FF, #4675D5, #906200, #4F5E16, #1A2C45)
• Aubergine Dune color palette (#E4E8F8, #32007C, #271223, #0C140C, #0B000D)
• Tempered Cypress Basin color palette (#ECF9F0, #95A271, #456E49, #1F535F, #1D3C33)
• Dusty Forest color palette (#FBF2F8, #A1CDD9, #2B8598, #1A623E, #113F58)

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