Eclipse Petrol color palette — #D4F1F7 · #00698B · #00365F · #220731 · #0D000D
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#D4F1F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#00698B): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00365F): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#220731): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#0D000D): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged vintage, retro, muted, dark.
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
- Navy Thicket color palette (#D2F0EA, #1B6C78, #053C62, #3B1122, #260300)
- Muted Petrol color palette (#CCE8FF, #0068A3, #002F4A, #2A2228, #000913)
- Velvet Lantern color palette (#D8E8E2, #00655C, #003E42, #0B1B36, #020012)
- Weathered Cerulean Workshop color palette (#CFE7E4, #3A829D, #00415C, #001E24, #000103)
- Aubergine Cabin color palette (#CDE9FE, #005374, #650062, #002232, #030003)
- Airy Cobalt Quarry color palette (#D9E9F8, #4D77C0, #494883, #4C1938, #1A081F)
- Worn Ash color palette (#CAEEFD, #6A9CC0, #49628B, #433C5B, #271C34)
- Cerulean Terrace color palette (#D8EBE0, #378F9D, #38547E, #381200, #070003)
Browse the whole catalog at Explore, or see today's palette.