Petrol Hollow color palette — #DBF7F3 · #649EA9 · #3A78A5 · #723B4D · #441003
Slate takes the lead with Espresso close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#DBF7F3): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#649EA9): A luminous, dusty blue — the color of deep harbor water.
- Slate (#3A78A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#723B4D): A full-bodied, dusty red — the color of late-summer berries.
- Espresso (#441003): A deep, shadowed, balanced orange — the color of autumn markets.
Feels like: Trust, Stability, Balance. Tagged vintage, retro, 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
- Worn Garnet color palette (#D3EBF6, #6F97BA, #606996, #862912, #392200)
- Linen Turquoise Parlor color palette (#A9F3E3, #3EB2C4, #447BA7, #5F3731, #2D0600)
- Tempered Cypress color palette (#DEE9DA, #6FAA8E, #217B7D, #593B66, #431A31)
- Washed Turquoise Delta color palette (#DEF8DF, #43BABF, #7789B6, #84533D, #451C08)
- Dusty Loft color palette (#CAEBFF, #6D7BA7, #5F4488, #542700, #1C1500)
- Tempered Denim Villa color palette (#E9F0D8, #4C9384, #005C97, #4C3100, #262400)
- Bronze Field color palette (#E0F2FF, #0093C2, #B15900, #005B79, #2D1200)
- Terracotta Pier color palette (#CFF4FB, #8BBAE0, #7C7FD9, #A52E00, #523300)
Browse the whole catalog at Explore, or see today's palette.