Petrol Market color palette — #FBF2FB · #E19C9D · #679B6D · #5B639E · #4E385C
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF2FB): a clean, paper-quiet neutral.
- Rosewood Mist (#E19C9D): A luminous, balanced red — the color of embers at dusk.
- Moss (#679B6D): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#5B639E): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#4E385C): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Petrol Market 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
- Jade Boulevard color palette (#FFF2EC, #FFB7A8, #6CAA7D, #815E78, #482F40)
- Timeworn Driftwood Courtyard color palette (#F6F4FC, #CAA1C8, #A38947, #007783, #513758)
- Lagoon Chapel color palette (#F9F3F7, #D8D5E6, #8DB7D6, #41978A, #445469)
- Wandering Mulberry Chapel color palette (#EEF9ED, #C99B5E, #18919B, #844179, #5A2712)
- Wandering Taupe color palette (#FEEDF2, #BF9163, #485E52, #463139, #261F24)
- Muted Taupe Loft color palette (#EFF8F1, #B7DACD, #84A681, #857695, #38544A)
- Tempered Olive Loft color palette (#FFF1F6, #E2BE93, #AE9D52, #7D8234, #29564D)
- Dusty Atelier color palette (#FFEBF6, #D67947, #00856B, #5D319E, #4F1412)
Browse the whole catalog at Explore, or see today's palette.