Eclipse Petrol color palette — #E4F0FC · #0069A8 · #15263B · #020D19 · #000206

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

The five colors

• Frost (#E4F0FC): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#0069A8): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#15263B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#020D19): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000206): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Muted Boulevard color palette (#DCE5F4, #5370C0, #2A3043, #0F1621, #04060B)
• Lowlit Boulevard color palette (#D2E3F8, #004188, #20171D, #050A29, #000105)
• Ancient Indigo color palette (#EAEFFF, #7769D3, #A04F74, #00667D, #0C112B)
• Aged Nightshade Dune color palette (#E0E9FD, #8188D9, #00907E, #4544AA, #00221D)
• Wandering Harbor color palette (#E9F5F3, #ADCDDD, #1188AA, #005A60, #002434)
• Misty Lagoon color palette (#D4E0F2, #6E97E7, #4C5FBF, #302F7A, #1B163F)
• Obsidian Grape Ridge color palette (#EAEFFF, #6400E2, #290B44, #03041E, #060002)
• Muted Cypress color palette (#E6F6F3, #75ACAA, #177657, #125149, #002221)

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