Petrol Grove color palette — #EEF8F4 · #EED8DD · #CFB2C3 · #377099 · #2F453E

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

The five colors

• Ivory (#EEF8F4): a clean, paper-quiet neutral.
• Shell Pink (#EED8DD): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#CFB2C3): A luminous, dusty pink — the color of a candy shop window.
• Slate (#377099): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#2F453E): 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

• Cerulean Workshop color palette (#EEF6FD, #DAD8E9, #C7BAD2, #3F8EBF, #304250)
• Muted Station color palette (#EBF4F1, #EBD5DA, #D1B7C2, #0072A8, #122A23)
• Wandering Cypress color palette (#EEF9EE, #C9DFDC, #A2C5B7, #007A7A, #384337)
• Hushed Denim Hollow color palette (#F4EBF5, #D6C7D1, #B398A4, #23568F, #342A35)
• Softworn Driftwood Cabin color palette (#FCF2F4, #E2D8D3, #AAAEA2, #9E757E, #575052)
• Hushed Archive color palette (#DCEBFF, #A3A0EF, #8A6993, #715934, #3B4F06)
• Softworn Harbor color palette (#FFF1F5, #E6CBCE, #C09D9B, #75369F, #422B33)
• Powdered Harbor color palette (#FFF4E2, #ADA751, #5C7400, #26586A, #3F3C11)

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