Petrol Hollow color palette — #F0F7F3 · #D1DDDE · #B1C4C6 · #0080A2 · #404B45

Built around Cerulean, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#D1DDDE): a clean, paper-quiet neutral.
• Stone (#B1C4C6): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#0080A2): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#404B45): quiet, heavy and certain.

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 Station color palette (#F8F3F8, #DFD7D9, #B3ABA2, #6783AD, #585057)
• Petrol Quarry color palette (#EDF4EF, #CFD9DB, #D6B9BD, #437F8E, #252F29)
• Ancient Denim color palette (#EEF7F5, #DCCDDB, #BB9BB4, #005E9B, #103B32)
• Patina Fern Drift color palette (#F4F7EA, #A9B498, #45816E, #476243, #374A00)
• Wandering Study color palette (#ECE0ED, #4174AB, #41293E, #261A28, #081415)
• Lapis Parlor color palette (#FAF3F7, #E4D5D5, #CEB4BE, #5953D5, #4B3945)
• Aged Abyss Boulevard color palette (#DCEBE5, #98AFA8, #8E768D, #003C58, #001911)
• Cornflower Ridge color palette (#E3FBF5, #CDDEFF, #79B9FF, #6D7DEA, #4B334A)

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