Petrol Grove color palette — #FFF2EA · #60A987 · #0F71A3 · #79391A · #2E442C
A conversation between Slate and Bronze, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Jade (#60A987): A luminous, balanced teal — the color of glacier melt.
- Slate (#0F71A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#79391A): A full-bodied, balanced orange — the color of autumn markets.
- Forest (#2E442C): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Optimism, Balance. Tagged 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
- Ancient Drift color palette (#FDF5DD, #4CA8AC, #5964A3, #555000, #254537)
- Washed Mulberry color palette (#FFF2EF, #949F59, #007A77, #7D2C51, #3D3E37)
- Hushed Petrol Grove color palette (#E5F8E8, #36B0AD, #00759E, #683243, #0E262F)
- Hushed Archive color palette (#FFF4E2, #37C9C4, #3491BB, #8D4C5F, #2F4334)
- Soft Denim color palette (#FAE0C0, #00927A, #005298, #4D3200, #002F34)
- Ancient Olive color palette (#FBF4EC, #BBAE8F, #5C7F4C, #456247, #534000)
- Powdered Nightshade color palette (#ECF2D5, #0396AF, #5C4B98, #004E1C, #0C334F)
- Antique Atelier color palette (#FAF4EE, #C2E5DB, #7B87B9, #007073, #4E3F65)
Browse the whole catalog at Explore, or see today's palette.