Eclipse Petrol color palette — #D0E6F5 · #0073A4 · #252D5C · #191920 · #000812
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#D0E6F5): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#0073A4): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#252D5C): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#191920): a grounded near-black with real depth.
- Ink (#000812): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Tempered Cypress color palette (#D3EFEC, #007B75, #003849, #181C22, #00090C)
- Nocturne Basin color palette (#CBF3E5, #005883, #362F37, #001835, #000302)
- Frosted Corridor color palette (#D5E8FB, #0B96F5, #53508D, #1C3750, #000910)
- Antique Wisteria color palette (#DCDDED, #B574FF, #675B77, #3A3B4B, #0A0D14)
- Chalky Cerulean Ridge color palette (#F6E3F2, #61C0CF, #008FBE, #006F59, #00142C)
- Lapis Summit color palette (#D7E6FF, #3548FF, #3B2750, #22181F, #00051C)
- Antique Powder Delta color palette (#E9F3FF, #8AB8FF, #777A8D, #4D5560, #1D2226)
- Hushed Sapphire color palette (#CCEFFF, #008EEC, #1B5AFA, #3F28A1, #1C002C)
Browse the whole catalog at Explore, or see today's palette.