Petrol Hollow color palette — #F0F6FD · #DBD9E3 · #C4BBCD · #59769A · #42484F

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

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Silver (#DBD9E3): bright and airy, almost weightless.
• Stone (#C4BBCD): A luminous, dusty violet — the color of wild irises.
• Slate (#59769A): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#42484F): a grounded near-black with real depth.

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

• Ancient Pewter color palette (#F6F4FC, #E4D4DD, #BDADBF, #7C5477, #3C3844)
• Tempered Terrace color palette (#F0F6FF, #AFA5D2, #8B82A2, #4E6957, #325054)
• Driftwood Studio color palette (#F0F5FF, #A9D9FF, #ABB8FF, #A272AE, #373C56)
• Antique Nightshade Thicket color palette (#F1F5FF, #CDD1E6, #A5A2C3, #464DAB, #2B3344)
• Tempered Ridge color palette (#DCE1E9, #A1A9BF, #7B7C9B, #142F7B, #0A1423)
• Dusty Garnet color palette (#ECE8F0, #C2B3C7, #9F849C, #6C2556, #231B2B)
• Olive Hollow color palette (#E9FAEF, #ADB680, #5E7E49, #445D70, #324840)
• Aged Indigo color palette (#DCE4FA, #655AD9, #2F2F47, #1A1E2C, #0C0C12)

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