Petrol Grove color palette — #EFF7F5 · #E3D7D8 · #C4ACB0 · #2F689A · #2F3E3A

Peacock takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#E3D7D8): bright and airy, almost weightless.
• Rosewood Mist (#C4ACB0): A luminous, dusty red — the color of late-summer berries.
• Peacock (#2F689A): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#2F3E3A): A deep, shadowed, dusty teal — the color of sea glass.

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 Cabin color palette (#FAF3F6, #E3D6D1, #C7ACA5, #6B52A2, #46353D)
• Tempered Balcony color palette (#EDF2F9, #D7D4E3, #B1B6CF, #39669E, #19212B)
• Muted Hollow color palette (#FAF3F5, #DFD9D5, #A7AFA1, #8979A1, #5B4E53)
• Ancient Periwinkle color palette (#F0F6FC, #DCD7E4, #CBBACC, #75A5CF, #323C45)
• Fern Dune color palette (#E0F6EE, #8EAEA4, #897188, #576126, #195345)
• Navy Balcony color palette (#EEE5EE, #C3B4BA, #A88386, #003E93, #281A27)
• Softworn Corridor color palette (#FFF3E8, #A79B6C, #526D32, #5D3D62, #38352E)
• Muted Market color palette (#F7EBEC, #D5C9C6, #B39B88, #892275, #3C2829)

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