Eclipse Petrol color palette — #D0E8DA · #00748D · #1C294B · #021E11 · #010B06
Teal and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D0E8DA): A whisper-light, dusty teal — the color of shallow lagoons.
- Teal (#00748D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#1C294B): A deep, shadowed, dusty violet — the color of a velvet chair.
- Ink (#021E11): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#010B06): A deep, shadowed, dusty teal — the color of sea glass.
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
- Eclipse Hollow color palette (#D9F3E7, #005D7D, #2B2E36, #141539, #000C07)
- Turquoise Field color palette (#D7E5EC, #00B3D4, #4965A3, #244657, #071416)
- Sapphire Alley color palette (#EED9F0, #0069BE, #3F1E2E, #211123, #07150D)
- Cerulean Meadow color palette (#CEE6D8, #0095B7, #294864, #022F1D, #061609)
- Antique Workshop color palette (#FEECF4, #8370B0, #4A3737, #30252A, #1A1215)
- Navy Grove color palette (#EEDFF0, #004583, #1E1F28, #140428, #08000A)
- Cellar Aubergine Grove color palette (#F7D7E1, #5D3600, #430067, #241509, #0E0005)
- Moonless Courtyard color palette (#F3D6E6, #5C12E2, #330C2E, #0C0528, #000A07)
Browse the whole catalog at Explore, or see today's palette.