Petrol Hollow color palette — #EBF4F1 · #9CC9EF · #A86F81 · #3A77A5 · #21110F
A conversation between Slate and Mocha, giving this palette its sense of trust and stability.
The five colors
- Cream (#EBF4F1): a clean, paper-quiet neutral.
- Sky (#9CC9EF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Mocha (#A86F81): A luminous, dusty rose — the color of strawberry cream.
- Slate (#3A77A5): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#21110F): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Trust, Stability, Sophistication. Tagged duotone, 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
- Wandering Petrol Parlor color palette (#F9F3F8, #ACC0EB, #8572A4, #4D6AAE, #37292F)
- Timeworn Cypress color palette (#EEF4EE, #ACCEAE, #7A7EB0, #008286, #1C1219)
- Muted Coast color palette (#F1F6FB, #AFD6F8, #C584A6, #4093D2, #322A39)
- Periwinkle Veranda color palette (#F2F3E4, #92ABE2, #8E6992, #385C39, #382530)
- Aged Bronze Workshop color palette (#FAEEF2, #C2A5DD, #A2651D, #765195, #170B02)
- Aged Garnet Villa color palette (#FDEBFF, #B6C1F5, #937CB3, #6F3C67, #54132C)
- Driftwood Grove color palette (#F6EFF4, #DED4D3, #B3ACA4, #96788E, #3B3439)
- Ancient Bronze Meadow color palette (#F9EEF4, #8685BA, #9F5959, #4B5428, #08201B)
Browse the whole catalog at Explore, or see today's palette.