Petrol Market color palette — #E9F4F5 · #6AB09A · #007087 · #00644F · #00080E
Teal and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E9F4F5): bright and airy, almost weightless.
- Jade (#6AB09A): A luminous, dusty teal — the color of glacier melt.
- Teal (#007087): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00644F): A full-bodied, balanced teal — the color of sea glass.
- Ink (#00080E): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.
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
- Ancient Petrol Delta color palette (#EBF4F6, #7EC2BE, #0082A1, #007470, #00101B)
- Aged Denim color palette (#E1F0F8, #00A6C1, #005DA1, #005665, #00040B)
- Hushed Summit color palette (#C5EDEB, #34AFBA, #007587, #004052, #001E2E)
- Hushed Pine color palette (#EBF4F1, #99A86C, #1E773D, #4E5D00, #000808)
- Feathered Meadow color palette (#CCF2EE, #039CA8, #006482, #46167E, #001C22)
- Hazy Denim Station color palette (#F4F7EC, #58B066, #005EAD, #006120, #201321)
- Airy Lapis color palette (#E9F3FD, #4AAFFE, #5B59CA, #005F99, #020621)
- Muted Lagoon color palette (#D4E3E6, #008B7E, #2B496D, #004039, #000102)
Browse the whole catalog at Explore, or see today's palette.