Petrol Market color palette — #D8E6DA · #64AFBD · #007191 · #004B45 · #001626
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#D8E6DA): A whisper-light, dusty green — the color of a quiet forest floor.
- Cyan (#64AFBD): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007191): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001626): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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 Thicket color palette (#E4F5E7, #6DA9D2, #2467B1, #004855, #050644)
- Dusty Petrol Chapel color palette (#F4EDE3, #7CC4D1, #007292, #003E39, #000307)
- Patina Summit color palette (#F6E9F2, #559BA9, #004F76, #003121, #050643)
- Cobalt Drift color palette (#E9DBD4, #78BDC8, #008CC9, #00714B, #040D3A)
- Hushed Cerulean color palette (#E8F1EA, #8ED1DA, #0095B6, #006D60, #00324A)
- Antique Lagoon Archive color palette (#CAE8DC, #009F7B, #00604A, #003322, #000201)
- Chalky Turquoise Loft color palette (#EAFAED, #9AECEB, #00AFC4, #008568, #00475B)
- Feathered Loft color palette (#C4E7E5, #27A061, #940081, #00532D, #21001C)
Browse the whole catalog at Explore, or see today's palette.