Petrol Market color palette — #E8F1F6 · #B4C7D3 · #8DA9BE · #006C7E · #10222A
Peacock takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E8F1F6): a clean, paper-quiet neutral.
- Stone (#B4C7D3): A luminous, dusty blue — the color of open sky before noon.
- Blue Fog (#8DA9BE): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006C7E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#10222A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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 Denim color palette (#DDE7EF, #A5B6C8, #7E97B8, #005980, #031523)
- Cerulean Coast color palette (#E6EDE8, #B2C4C4, #8CAEB4, #0090A2, #122418)
- Ancient Cobalt color palette (#EEF6FF, #CAE0FD, #ABBFE2, #007CCB, #273441)
- Cobalt Thicket color palette (#BEE5FF, #00C0D7, #00A1CF, #0072C8, #001828)
- Powdered Grove color palette (#C0E7E6, #008DB7, #005A9C, #561461, #001927)
- Patina Workshop color palette (#E1EEFC, #7392D1, #62649F, #694057, #471523)
- Driftwood Pier color palette (#F3F4FD, #E1D5E5, #C8B9C8, #8A73AD, #383947)
- Emerald Station color palette (#CEEAE5, #4BA95A, #007344, #0E5142, #00201E)
Browse the whole catalog at Explore, or see today's palette.