Petrol Market color palette — #FFF2EC · #57AA8E · #376E9B · #713D33 · #2C442E
Slate takes the lead with Jade close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Jade (#57AA8E): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#376E9B): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#713D33): A full-bodied, dusty orange — the color of autumn markets.
- Forest (#2C442E): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Trust, Stability, Sophistication. Tagged retro, 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
- Turquoise Corridor color palette (#FFF4DE, #3FA8B4, #626497, #5D4C01, #244539)
- Patina Grove color palette (#FFF2EE, #8CA256, #00797C, #70375A, #3C3E37)
- Patina Garnet color palette (#E5F8E8, #52AEA8, #05759B, #712944, #012733)
- Mulberry Canyon color palette (#FFF4E2, #6CC3BD, #3F91B5, #964360, #25462E)
- Gentle Lagoon color palette (#F2F8EA, #279F75, #874A7A, #6C3912, #422F00)
- Worn Cypress color palette (#FBF4ED, #C2E5DA, #7A88B3, #007170, #5F3B4B)
- Tempered Navy Cabin color palette (#FFDEBF, #009182, #004CAB, #522E00, #002F36)
- Basalt Canyon color palette (#FFF3E7, #BBAE8F, #617D54, #476149, #534000)
Browse the whole catalog at Explore, or see today's palette.