Petrol Hollow color palette — #E6F5FA · #64A9AE · #4E749F · #54426E · #053018

Built around Slate, softened by Charcoal Brown — the whole palette hums with nature and growth.

The five colors

• Ivory (#E6F5FA): bright and airy, almost weightless.
• Blue Fog (#64A9AE): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4E749F): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#54426E): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#053018): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged muted.

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

• Antique Study color palette (#E6F6F5, #76AA8A, #307E87, #314E70, #2C2800)
• Petrol Pier color palette (#EAF3FA, #6CA4C7, #6B6C9F, #623D61, #351D37)
• Worn Turquoise Lagoon color palette (#EAF4F9, #5DA8BE, #626F9E, #41541F, #002E33)
• Timeworn Powder Orchard color palette (#E0F6FF, #A8C6D9, #7F91A1, #67687A, #3F3A50)
• Muted Orchard color palette (#E3F0F5, #279398, #293F49, #132125, #080E0F)
• Weathered Chapel color palette (#F6F6EC, #89A16D, #5271A3, #86382C, #43433C)
• Soft Iris color palette (#EAF3FF, #608ED5, #74558C, #6B233E, #00232A)
• Aubergine Courtyard color palette (#E5F4FF, #008FBA, #454DAF, #5D0068, #001E16)

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