Eclipse Petrol color palette — #E2F0FF · #0067B0 · #1A2049 · #020D1B · #000205
Built around Cobalt, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Frost (#E2F0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cobalt (#0067B0): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Indigo (#1A2049): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#020D1B): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000205): 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
- Wandering Indigo color palette (#E6EDFC, #546BD1, #2B2E4A, #0D1626, #03070B)
- Inked Loft color palette (#DFF3FA, #007379, #002A38, #000F15, #000303)
- Smoked Navy color palette (#D6E6FC, #003C95, #1B1319, #0D042E, #000105)
- Ancient Violet color palette (#DBE2FC, #7F63D9, #AC5100, #006B54, #0E1129)
- Softworn Cobalt Ridge color palette (#EBF5ED, #AACDE1, #0086BA, #005B5B, #03213E)
- Charred Grape Boulevard color palette (#D9DEF5, #6B00DC, #31043D, #0A021D, #000105)
- Misty Lapis color palette (#DBE5F0, #608EE5, #4951D3, #473082, #2B183F)
- Cypress Corridor color palette (#E4F7F2, #7DAD8B, #00765D, #005156, #002221)
Browse the whole catalog at Explore, or see today's palette.