Petrol Hollow color palette — #FBF2F5 · #DADEEF · #869ABE · #447785 · #4E5168

Slate and Blue Fog set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FBF2F5): bright and airy, almost weightless.
• Silver (#DADEEF): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#869ABE): A luminous, dusty violet — the color of a velvet chair.
• Slate (#447785): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#4E5168): A full-bodied, dusty violet — the color of wild irises.

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

• Washed Dune color palette (#F1F7F2, #DADDEC, #97B3DC, #4C91A4, #45526D)
• Dusty Petrol Lantern color palette (#F5F1EB, #C9E0E3, #859EC2, #1E778C, #462C40)
• Weathered Cerulean color palette (#FBF1FF, #C58195, #3499A8, #4B7796, #4B3C51)
• Petrol Thicket color palette (#F5EBF1, #8FB8CC, #146DA7, #00523D, #202958)
• Denim Station color palette (#EDDCEC, #4C9EA4, #00516D, #003218, #001134)
• Dusty Pewter Coast color palette (#FDF0FE, #D89EA4, #5FA89B, #A05B64, #1E565E)
• Antique Lagoon color palette (#EEF9EC, #9EC2AD, #71876F, #6F5466, #334E47)
• Cobalt Alley color palette (#FEF0FC, #98DBE3, #008ABC, #006B3E, #263F6B)

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