Petrol Market color palette — #F5EBF1 · #82BCC9 · #17709A · #005144 · #082C5C
Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F5EBF1): bright and airy, almost weightless.
- Ash (#82BCC9): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#17709A): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005144): A deep, shadowed, dusty teal — the color of sea glass.
- Navy (#082C5C): A deep, shadowed, balanced 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
- Softworn Grove color palette (#FCF2F7, #ACCADC, #4F7CA6, #00605B, #2B385F)
- Patina Petrol Boulevard color palette (#E9EADE, #9CBCA7, #007793, #004B4E, #001924)
- Muted Denim color palette (#FAE8F0, #68A7CD, #2C5696, #003D41, #19124F)
- Lagoon Lagoon color palette (#EEDCE9, #4B9EA2, #005266, #003220, #001527)
- Gentle Azure color palette (#F5ECE8, #B5DFC4, #18B1F5, #00937E, #132D53)
- Antique Basin color palette (#FAF3F7, #D6E0F2, #7B9DBC, #417A72, #43536D)
- Indigo Harbor color palette (#C5E8D1, #977C00, #6B56B9, #584700, #2A1E51)
- Weathered Teal color palette (#DDFFEB, #B1D794, #1AB7A9, #7F4500, #08392D)
Browse the whole catalog at Explore, or see today's palette.