Petrol Grove color palette — #E2E4CF · #9FBC8C · #5AAC93 · #6C66A5 · #442B4C
Slate and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E2E4CF): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#9FBC8C): A luminous, dusty green — the color of new leaves after rain.
- Jade (#5AAC93): A luminous, balanced teal — the color of glacier melt.
- Slate (#6C66A5): A full-bodied, balanced violet — the color of a velvet chair.
- Royal Purple (#442B4C): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, muted.
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
- Timeworn Lagoon Ridge color palette (#DDE3D6, #87B397, #1F979A, #725388, #491535)
- Hushed Pier color palette (#FCDEC9, #C8B282, #929F6F, #2780B3, #2E3256)
- Weathered Driftwood Balcony color palette (#C2EBDC, #9ED1CD, #81B1BA, #8776A5, #563451)
- Washed Meadow color palette (#FFF2E8, #BFC58E, #3B9584, #724D68, #381A1E)
- Dusty Jade color palette (#E5E3D2, #80A56C, #316B5A, #4E3343, #301333)
- Faded Raspberry color palette (#D0EEDC, #65D0C8, #45A7CC, #AC5E92, #6F2430)
- Dusty Harbor color palette (#FADAEE, #CFA47E, #768F65, #86406A, #4E281B)
- Teal Grove color palette (#D2EBE7, #92C8AE, #00A796, #946C34, #003221)
Browse the whole catalog at Explore, or see today's palette.