Petrol Hollow color palette — #F1F7F3 · #D0DCDD · #BFADBA · #007081 · #2E3F34

A conversation between Teal and Forest, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F7F3): bright and airy, almost weightless.
• Silver (#D0DCDD): bright and airy, almost weightless.
• Ash (#BFADBA): A luminous, dusty pink — the color of neon signs at night.
• Teal (#007081): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#2E3F34): 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

• Timeworn Cerulean Grove color palette (#EFF7F3, #CDDDDD, #ABC4C6, #2B8DA7, #343D38)
• Washed Bloom color palette (#EBF3F8, #D1D6E3, #A9B9C8, #007088, #162229)
• Weathered Abyss color palette (#E9F3EE, #BEB6BF, #9E8694, #004C61, #10241B)
• Softworn Cypress Courtyard color palette (#F9F5E9, #9B9F78, #207357, #005562, #35362F)
• Wandering Lagoon color palette (#FAF2FA, #E0CCD7, #C19BA5, #0055B6, #3F2B3F)
• Tempered Chestnut Orchard color palette (#D9EFD3, #8AA596, #6B709E, #694A00, #35491E)
• Antique Dune color palette (#FAF3F6, #E9D5D0, #D1B4B3, #6D4DCC, #4B3A43)
• Pale Denim color palette (#F9EDDA, #0098A2, #2D57A2, #513D00, #103928)

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