Petrol Grove color palette — #FBF2FA · #EBD3D6 · #D3B1BF · #466AA4 · #463C46

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

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Silver (#EBD3D6): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#D3B1BF): A luminous, dusty rose — the color of a warm blush.
• Slate (#466AA4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#463C46): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Petrol Grove 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

• Muted Garden color palette (#EFF6FE, #DCD7E7, #C9B9CE, #4C87D3, #344150)
• Dusty Petrol color palette (#ECF9EF, #C0E3E3, #C7B5C9, #007888, #354439)
• Tempered Denim Meadow color palette (#F3ECF1, #DAC5D0, #B398A0, #3D4F92, #352A33)
• Softworn Driftwood Veranda color palette (#FCF2F3, #E2D8D2, #A7AFA1, #9C7779, #5A4F50)
• Wandering Station color palette (#E9EDFF, #B39BCF, #9E638E, #66551A, #34482A)
• Patina Aubergine color palette (#ECDDE1, #BBA2A4, #957774, #52106B, #1D0F13)
• Washed Moss Villa color palette (#FFF4DA, #96B037, #367C1E, #225678, #3C3B34)
• Worn Alley color palette (#FFF0F9, #93CFFF, #97A5FF, #B25DB8, #3D2C5F)

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