Petrol Market color palette — #E7F7E9 · #73C2C9 · #CA8881 · #00818A · #372F2C
Built around Teal, softened by Dusty Rose — the whole palette hums with trust and stability.
The five colors
- Cream (#E7F7E9): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#73C2C9): A luminous, dusty blue — the color of deep harbor water.
- Dusty Rose (#CA8881): A luminous, balanced orange — the color of autumn markets.
- Teal (#00818A): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#372F2C): quiet, heavy and certain.
Feels like: Trust, Stability, 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
- Petrol Boulevard color palette (#F7EEF8, #8FB7E3, #BC936D, #4575A7, #35302B)
- Weathered Studio color palette (#F0F4E6, #91C1A0, #BE88B0, #45805B, #46262A)
- Petrol Hollow color palette (#E9F8FE, #85B9CB, #C58581, #00828B, #6A403E)
- Ancient Driftwood Villa color palette (#E4F8E9, #5EA9B6, #AE78A9, #897643, #192D1F)
- Ancient Ember color palette (#DEFAEB, #00A8D4, #D15728, #006581, #3D0F00)
- Antique Cypress Bloom color palette (#E9F5F1, #D6C09D, #3C6C5F, #183830, #0C1613)
- Softworn Driftwood color palette (#E3F8E9, #C0DFE0, #E4C7DD, #7C9476, #293C32)
- Weathered Cabin color palette (#DAFCE6, #95D2E7, #5095A8, #005464, #00242C)
Browse the whole catalog at Explore, or see today's palette.