Petrol Grove color palette — #FFF0F7 · #F3CED6 · #DA97B7 · #5964AC · #522E3B

A conversation between Slate and Mauve, giving this palette its sense of creativity and warmth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Shell Pink (#F3CED6): A whisper-light, dusty red — the color of late-summer berries.
• Mauve (#DA97B7): A luminous, balanced rose — the color of a warm blush.
• Slate (#5964AC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#522E3B): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.

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

• Dusty Lantern color palette (#FFF1F4, #E3D8D2, #EFA9AE, #8275BC, #604345)
• Timeworn Petrol color palette (#DFFDF4, #ECCDE3, #BEA4DC, #00779A, #513951)
• Coral Loft color palette (#FFEBF7, #F8CCF9, #EF8D86, #307DA6, #301921)
• Wandering Field color palette (#FFDAE6, #D9A8CF, #C7617B, #4E3D9A, #33103C)
• Dusty Byzantium color palette (#FFEEEE, #FEAFBD, #F17C63, #8E1AB6, #551F38)
• Plum Bloom color palette (#FFF2EE, #ECD8BE, #DEA662, #B23F79, #613431)
• Garnet Garden color palette (#FAEAEB, #B59759, #63285C, #380C34, #221013)
• Muted Garnet Studio color palette (#FFE6E2, #BD837F, #9F591F, #620049, #1F0004)

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