Worn Petrol Hollow color palette — #F0F7F2 · #D1DCDC · #B2C3C4 · #467E8B · #3F4B43

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D1DCDC): bright and airy, almost weightless.
• Stone (#B2C3C4): soft and architectural.
• Slate (#467E8B): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#3F4B43): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Worn 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

• Lagoon Workshop color palette (#EFF7F5, #DED4D2, #A89E95, #5E8D81, #495652)
• Hushed Petrol Orchard color palette (#EEF4EF, #CEDADB, #CCBBBE, #218391, #252F27)
• Timeworn Canyon color palette (#FAF3F8, #E9D4D6, #CDB4C0, #5165AE, #4B3947)
• Antique Abyss Parlor color palette (#E6F3EC, #9EADA7, #5E897E, #003E51, #00190F)
• Hushed Study color palette (#EAF9F3, #BBDBD2, #B59EB4, #00618C, #133B2F)
• Softworn Turquoise Basin color palette (#EFF6FA, #D6DAE2, #BAB2C4, #64BACF, #3E4A4F)
• Soft Cobalt color palette (#E8FAF2, #A8ECFF, #5FC1F5, #5787D4, #1B453A)
• Dusty Cobalt color palette (#D7E9E3, #0078B4, #3C2C3D, #13231E, #040E0F)

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