Petrol Market color palette — #E8FAF0 · #4FA7AA · #5864A4 · #594E00 · #244152
Slate takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E8FAF0): A whisper-light, dusty teal — the color of glacier melt.
- Turquoise (#4FA7AA): A luminous, balanced teal — the color of glacier melt.
- Slate (#5864A4): A full-bodied, balanced violet — the color of wild irises.
- Deep Olive (#594E00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#244152): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Creativity, Calm, Sophistication. Tagged retro, 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
- Aged Pewter color palette (#DEFCFE, #59A2C1, #765B97, #005C45, #2C3E54)
- Tempered Cocoa color palette (#FFF0F8, #70A682, #01749A, #7C3608, #0E454D)
- Timeworn Orchard color palette (#EBF9F2, #8DBAB4, #2B8474, #2F5F7F, #2B4946)
- Hushed Petrol Market color palette (#FCF0DE, #5EA5D0, #5C64A8, #68371E, #2D1B2F)
- Timeworn Lagoon color palette (#E5FAFD, #339B8C, #904864, #2D5400, #003E2A)
- Faded Study color palette (#EAFAED, #5EBCF3, #747ECE, #8C5335, #2E3F51)
- Softworn Pier color palette (#E6F9FF, #97B3BB, #748CA2, #69673A, #2D595F)
- Mulberry Lantern color palette (#D5F6F4, #5E84CD, #893574, #004A48, #282E4D)
Browse the whole catalog at Explore, or see today's palette.