Eclipse Petrol color palette — #C9E9D4 · #00788C · #112752 · #03140A · #020401
A conversation between Teal and Midnight, giving this palette its sense of trust and stability.
The five colors
- Celadon Mist (#C9E9D4): A whisper-light, dusty teal — the color of shallow lagoons.
- Teal (#00788C): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#112752): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#03140A): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#020401): quiet, heavy and certain.
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
- Petrol Balcony color palette (#D5ECE3, #006C9C, #38182D, #00110A, #000301)
- Tempered Cerulean Harbor color palette (#D1E3ED, #0096B1, #2A4768, #0C2A37, #00151A)
- Hushed Sapphire color palette (#F9EAF8, #3171D5, #442632, #1C121C, #030805)
- Deep Navy color palette (#D8EAE5, #004679, #120429, #030D0C, #000201)
- Muted Archive color palette (#CDE9FF, #008BD0, #857600, #476925, #001E16)
- Antique Azure color palette (#CCFEF1, #289DFB, #AC7700, #005E9F, #2E1D00)
- Navy Orchard color palette (#D3EBED, #00A7D8, #006EAC, #303292, #271648)
- Dusty Pine color palette (#FFEFDC, #A9AE5D, #3B7B43, #32553C, #212300)
Browse the whole catalog at Explore, or see today's palette.