Petrol Hollow color palette — #F0F6FD · #DDD7E8 · #BAB8D9 · #336BAF · #37414C

Slate and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Silver (#DDD7E8): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#BAB8D9): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#336BAF): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#37414C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Dusty Petrol Dune color palette (#EBF3FB, #DBD3E5, #C1BBD1, #366DA9, #192634)
• Softworn Field color palette (#FBF2FC, #E5D5D5, #D3B9AF, #4C89CC, #483A49)
• Patina Coast color palette (#E8EFFA, #C6CBE1, #A19DB2, #3F5382, #262E3B)
• Patina Lilac color palette (#E5EEFF, #B4A1E7, #9C657D, #39665C, #3A4D21)
• Weathered Station color palette (#E9E9F4, #ADA5BA, #8C7691, #4D176C, #121123)
• Olive Veranda color palette (#E9FBEB, #A4AA55, #3C7B22, #4D4A7A, #1C4335)
• Timeworn Loft color palette (#EFF6FF, #1875FA, #A71700, #364700, #003423)
• Feathered Peony Balcony color palette (#F1F5FF, #A4E0FF, #9E9CFF, #C25D9C, #382859)

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