Petrol Grove color palette — #FBF2F7 · #E4D5D4 · #C6ABB1 · #5B5F8D · #44363F

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Silver (#E4D5D4): a clean, paper-quiet neutral.
• Rosewood Mist (#C6ABB1): A luminous, dusty red — the color of embers at dusk.
• Slate (#5B5F8D): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#44363F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, 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

• Denim Hollow color palette (#F6F0F4, #E0D3D0, #CCAFAE, #51609D, #291B26)
• Muted Cobalt color palette (#F1F5FD, #DED6E1, #CBB8C3, #6A7AC5, #353B45)
• Softworn Mulberry color palette (#FFF1F3, #E3CCCC, #C29C95, #7F3886, #442A30)
• Dusty Driftwood Veranda color palette (#FCF2F3, #E0D8D3, #A8AEA3, #9A7391, #5B4F50)
• Washed Navy color palette (#F1E9EC, #C7B3B8, #A78388, #46357E, #2A1922)
• Timeworn Taupe color palette (#F9F6E1, #81A77D, #3A6F54, #384B6C, #35362F)
• Weathered Boulevard color palette (#E3DAFF, #BE9BA1, #986A77, #665500, #3E4600)
• Airy Studio color palette (#FFF1F6, #A1BCFF, #B88BEE, #B04C8D, #41284E)

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