Petrol Grove color palette — #EEF8F4 · #EDD8DF · #D2AFCD · #0070AE · #2D463E

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 (#EDD8DF): A whisper-light, dusty rose — the color of a warm blush.
• Rosewood Mist (#D2AFCD): A luminous, dusty pink — the color of neon signs at night.
• Slate (#0070AE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#2D463E): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Worn Thicket color palette (#EBF4F0, #EFD5DB, #D0B7C3, #0074A2, #182923)
• Washed Harbor color palette (#EDF7FE, #D9D8E9, #C4BAD0, #3390BF, #33424D)
• Antique Alley color palette (#FBF2F6, #E6D5D3, #DDADBA, #6D5CA5, #4A3B42)
• Washed Petrol color palette (#EFF8F2, #CADFDD, #9AC8B5, #007888, #334539)
• Antique Denim color palette (#F2ECF2, #D5C7D2, #B695AB, #16549A, #352936)
• Aged Terrace color palette (#FBF3F4, #E2D8D4, #AEAFA1, #94759B, #585052)
• Pale Lagoon color palette (#FFDAF1, #AC9CD0, #9A61AA, #784A49, #5B3C09)
• Worn Chapel color palette (#FFF0FD, #9ED7FF, #7EA9FF, #7B6CEB, #26365F)

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