Petrol Market color palette — #ECF9F3 · #B3B67C · #639A7C · #007784 · #2B4364
Teal takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#ECF9F3): a clean, paper-quiet neutral.
- Sage (#B3B67C): A luminous, dusty green — the color of new leaves after rain.
- Eucalyptus (#639A7C): A luminous, dusty teal — the color of glacier melt.
- Teal (#007784): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#2B4364): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Dusty Drift color palette (#EAF9F7, #95BD9A, #4D9B9D, #2E6DA5, #483963)
- Hushed Cypress color palette (#FDF2F5, #D1A97C, #89934F, #1C7B58, #034B55)
- Patina Garden color palette (#E7FBEE, #C5DAD0, #93B9AF, #65878F, #3B535E)
- Wandering Parlor color palette (#DFF8F5, #5DAA66, #008380, #00567E, #282158)
- Shell Villa color palette (#FFF2EB, #FFB197, #66BCA5, #6B89AD, #55384A)
- Bronze Hollow color palette (#E2FEE4, #DCC492, #B7A058, #85791C, #335847)
- Washed Station color palette (#FCF1FC, #C38487, #507F39, #38557B, #3F3F5A)
- Tempered Amber color palette (#FBEEF2, #C48F5A, #4A5E4C, #433338, #271F23)
Browse the whole catalog at Explore, or see today's palette.