Petrol Hollow color palette — #EFF6FC · #DBDAE4 · #C5BCCB · #4B7C91 · #3E4951

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

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#DBDAE4): a clean, paper-quiet neutral.
• Stone (#C5BCCB): A luminous, dusty violet — the color of wild irises.
• Slate (#4B7C91): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3E4951): quiet, heavy and certain.

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

• Ancient Parlor color palette (#EBF4F1, #DAD1D0, #C4B5B9, #517A98, #242F2B)
• Washed Powder color palette (#E3F6FF, #A1B7D7, #8C82A2, #4A6E62, #325457)
• Muted Lantern color palette (#D7E1EA, #9EA9C2, #7D7A9E, #003C59, #061521)
• Denim Field color palette (#EEF6FF, #C9D1EE, #A9A0C5, #005CA1, #233447)
• Weathered Aubergine color palette (#E0DFEB, #BFB4C5, #9C8696, #5F2A6E, #1F1D2D)
• Weathered Sky Meadow color palette (#F0F7F4, #DDD5D3, #64B6E3, #A7A89D, #3E4B46)
• Timeworn Sapphire color palette (#DCE5F4, #396BD1, #303044, #171F2C, #0A0D12)
• Glacier Lantern color palette (#EFF6FF, #56F3FC, #73B7FF, #B376A2, #373F5A)

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