Petrol Market color palette — #EFF8F0 · #AFD098 · #00818A · #004C52 · #1A251C
Teal takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EFF8F0): bright and airy, almost weightless.
- Pistachio (#AFD098): A luminous, balanced green — the color of new leaves after rain.
- Teal (#00818A): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004C52): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#1A251C): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Weathered Quarry color palette (#EFF7F4, #CCD7AF, #5583A4, #34554B, #212F2A)
- Weathered Pine Delta color palette (#F3F7EA, #C5CA91, #3C825A, #3B4900, #202319)
- Petrol Ridge color palette (#FDF1FC, #8FD6B4, #5072A8, #523851, #281E27)
- Dusty Turquoise Study color palette (#EBF7FD, #E9D3A4, #4EA2B4, #3C6A7D, #14242B)
- Softworn Basin color palette (#ECF9F3, #FFDBE0, #3D7EA2, #174134, #01140D)
- Dusty Clover color palette (#D0EDDE, #4EC856, #006482, #003344, #00140B)
- Apricot Study color palette (#EBF9F3, #E59A74, #225872, #17352A, #101D1E)
- Hushed Emerald Orchard color palette (#E0F5E7, #4F983A, #003F4C, #001318, #000201)
Browse the whole catalog at Explore, or see today's palette.