Eclipse Petrol color palette — #D8E6F3 · #0070A3 · #0A2C4D · #051A29 · #040711

Peacock and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D8E6F3): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#0070A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#0A2C4D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#051A29): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#040711): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, 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 Boulevard color palette (#D2E5F9, #005796, #2D211E, #091837, #000918)
• Weathered Indigo Chapel color palette (#DCE4FA, #665FCB, #2C304A, #1B1F2A, #0D0C11)
• Dusty Azure Quarry color palette (#E4F2FC, #07AEEF, #606291, #26455B, #00151B)
• Worn Canyon color palette (#D1E4DC, #0090CD, #31456A, #102D24, #06150D)
• Indigo Dune color palette (#E8E9FF, #7360FF, #C12586, #006C80, #2C2C4F)
• Velvet Cabin color palette (#E2E7F8, #6A22FC, #311F4C, #121728, #070510)
• Moonless Station color palette (#E1EBFD, #2700C9, #2A1C1B, #0D072A, #000210)
• Ancient Pine Parlor color palette (#E4FBF6, #6EB777, #007E4B, #1C5D4E, #13433F)

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