Petrol Hollow color palette — #F6EDE5 · #8EBDAD · #4167A7 · #004F54 · #292754

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

The five colors

• Cream (#F6EDE5): bright and airy, almost weightless.
• Mint Leaf (#8EBDAD): A luminous, dusty teal — the color of sea glass.
• Slate (#4167A7): A full-bodied, balanced violet — the color of wild irises.
• Forest (#004F54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#292754): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Petrol Harbor color palette (#F5ECE8, #9CBB9D, #00748C, #005334, #00314D)
• Cobalt Orchard color palette (#FCF4EB, #A9CEC4, #6374B3, #005D6C, #3C325E)
• Dusty Sapphire Study color palette (#FFF3E9, #8DBFDB, #006CCE, #005557, #24207B)
• Muted Pier color palette (#DEECEC, #83BBE0, #006FB5, #00485D, #001532)
• Muted Drift color palette (#D2F6E9, #D9B1CE, #C68BBF, #006774, #213655)
• Navy Dune color palette (#C5EDEE, #0098AE, #00658B, #004077, #1A2563)
• Patina Onyx Thicket color palette (#E9DED8, #6F9B84, #004E7B, #00302C, #010547)
• Softworn Periwinkle Market color palette (#FBE9F0, #A3DBFF, #6AA5FC, #009096, #272754)

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