Petrol Hollow color palette — #EEF7FB · #D9DAE4 · #C2BDCD · #467E87 · #404A4E

Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EEF7FB): bright and airy, almost weightless.
• Silver (#D9DAE4): bright and airy, almost weightless.
• Stone (#C2BDCD): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#467E87): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#404A4E): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Petrol Hollow 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

• Muted Petrol color palette (#EFF6FF, #E1D5E9, #C1B7D0, #4768AD, #3A404A)
• Muted Study color palette (#D9F8FF, #9BBBD8, #7E7B9E, #4B6B5A, #3C5347)
• Abyss Garden color palette (#DDEBF2, #99ABC1, #797D97, #003E4D, #05161F)
• Hushed Cypress color palette (#E8FBF0, #9CB993, #31846D, #455D6F, #2C4944)
• Hushed Denim color palette (#EBEFF6, #CAC9E1, #A89AB4, #455184, #292E37)
• Teal Workshop color palette (#FFF1F5, #00ACB5, #5A62AA, #6B440D, #2C404D)
• Tempered Cerulean color palette (#EAF8FF, #0098B8, #944C36, #663D10, #3A3300)
• Soft Bloom color palette (#EEF6FF, #43FED7, #47BAFF, #A175B5, #34415A)

Browse the whole catalog at Explore, or see today's palette.