Petrol Hollow color palette — #FBF2F7 · #D6E0F2 · #7C9DBB · #447881 · #475366

Built around Slate, softened by Blue Fog — the whole palette hums with sophistication.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Frost (#D6E0F2): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#7C9DBB): A luminous, dusty blue — the color of open sky before noon.
• Slate (#447881): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#475366): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged coastal, cool, light, 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

• Weathered Cypress Drift color palette (#F7EFF4, #D6D1E8, #819FBF, #377967, #2D364B)
• Lagoon Drift color palette (#FBF3EF, #CDE7E5, #91B5D9, #539581, #64495B)
• Denim Harbor color palette (#F6EAF2, #52ADC2, #005E87, #003F35, #061E41)
• Softworn Iris color palette (#F2F5FF, #9689E2, #928C50, #567C5A, #3D4154)
• Washed Powder color palette (#DDEFFF, #82B4F8, #707CBA, #665A87, #4E4B63)
• Timeworn Powder Cabin color palette (#F1F5FF, #AAA7E8, #A59A5D, #6E6BA1, #395445)
• Teal Pier color palette (#F8F5EF, #CDE6E4, #9FCEEA, #50B4B4, #2E524A)
• Pale Coast color palette (#FFF1F6, #9ED5FF, #587DC9, #00656E, #3C3967)

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