Petrol Hollow color palette — #F9F3F8 · #E7D4D5 · #C8AAB5 · #47629B · #423641
A conversation between Slate and Rosewood Mist, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#F9F3F8): a clean, paper-quiet neutral.
- Silver (#E7D4D5): A whisper-light, dusty red — the color of embers at dusk.
- Rosewood Mist (#C8AAB5): A luminous, dusty rose — the color of pressed rose petals.
- Slate (#47629B): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#423641): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Creativity, 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
- Worn Petrol color palette (#F6EFF6, #E3D1D1, #C7B1B3, #49668D, #251D26)
- Cerulean Hollow color palette (#F0F6FD, #DDD6E5, #CCB7CA, #5E83B1, #343B44)
- Tempered Aubergine color palette (#FFF1F5, #EBC9CD, #CB93AF, #713D99, #432B33)
- Antique Driftwood color palette (#FBF3F4, #E1D8D4, #AAAEA0, #9E757E, #585052)
- Ancient Plum Summit color palette (#FCF2F2, #EAD7C8, #DAB2A3, #9D4582, #4B3B3B)
- Chestnut Pier color palette (#FBD6EF, #B099C7, #8C617A, #674D00, #32412E)
- Navy Parlor color palette (#EDE5EB, #C7B2BC, #9D83A8, #343B82, #2A1925)
- Ancient Pine Courtyard color palette (#FAF5E6, #8EA46B, #307432, #294E6E, #36362F)
Browse the whole catalog at Explore, or see today's palette.