Petrol Market color palette — #F8ECE4 · #8FBDA8 · #296BA8 · #00504E · #1E285C
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#F8ECE4): bright and airy, almost weightless.
- Mint Leaf (#8FBDA8): A luminous, dusty teal — the color of glacier melt.
- Slate (#296BA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#1E285C): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Wandering Cobalt Dune color palette (#FBF4ED, #AACEC1, #5A78AC, #005F65, #343464)
- Wandering Petrol Veranda color palette (#E0ECEB, #7ABEDB, #0074A3, #004956, #00172A)
- Muted Dune color palette (#EAE1D9, #80A2C5, #3F4F9E, #003C47, #240E4A)
- Muted Cabin color palette (#FBEBE3, #509CAA, #00506F, #003127, #00132E)
- Hazy Lapis color palette (#E4DFC6, #8B9721, #5045BD, #474E00, #231E59)
- Hazy Periwinkle color palette (#F8EAF1, #9ADEFC, #5FAAF0, #00918C, #212B50)
- Cypress Field color palette (#FAF4F0, #CBE4CE, #4396B1, #007452, #1E5246)
- Cypress Garden color palette (#FAF4EF, #CAE6E7, #7A9CC6, #2C7C7D, #64485C)
Browse the whole catalog at Explore, or see today's palette.