Petrol Hollow color palette — #F0F7F4 · #E9D8DA · #D6B1BA · #0071A8 · #2A463D

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#E9D8DA): bright and airy, almost weightless.
• Rosewood Mist (#D6B1BA): A luminous, dusty red — the color of embers at dusk.
• Slate (#0071A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#2A463D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, 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

• Aged Ridge color palette (#FAF3F7, #E5D8D5, #CEBDB0, #6D6EA3, #4E444A)
• Aged Cobalt Drift color palette (#ECF3F9, #D6D4E6, #B3BEE2, #006FB6, #192633)
• Denim Station color palette (#F3ECF4, #D4C8CE, #B19A9D, #125696, #342A35)
• Dusty Market color palette (#EFF6FC, #DBD8E7, #C3A7A6, #6AADD7, #33424D)
• Muted Forest Studio color palette (#B8FFF3, #6EB4CA, #8570AA, #006F45, #00574E)
• Aubergine Meadow color palette (#FFF2EA, #BA9F6D, #677009, #643B81, #4D3600)
• Hushed Study color palette (#F5DFEF, #4555D9, #3A1D41, #0E1338, #061510)
• Ancient Lagoon color palette (#F4EAF1, #C5B4B8, #AA8381, #2C2DA4, #291A25)

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