Petrol Market color palette — #F4EEE4 · #89B9D1 · #006CAF · #004F56 · #152C55
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#F4EEE4): bright and airy, almost weightless.
- Ash (#89B9D1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006CAF): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004F56): A deep, shadowed, dusty blue — the color of open sky before noon.
- Navy (#152C55): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, 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
- Petrol Field color palette (#F4EEE3, #98BC9E, #00748B, #005145, #003248)
- Timeworn Petrol Atelier color palette (#F2E7DE, #7CBDDC, #3B6AB1, #004C44, #150E33)
- Cobalt Quarry color palette (#F8F5EF, #A1CBEB, #3F78C7, #005D6F, #4D2E47)
- Periwinkle Dune color palette (#E5F2F1, #A2DCFB, #51AEEA, #008DA8, #033052)
- Ancient Workshop color palette (#FAF4EB, #94DDE0, #008FA5, #006855, #00465E)
- Timeworn Denim Meadow color palette (#E6DFD4, #4E9CAE, #00516D, #00302E, #001527)
- Patina Periwinkle Pier color palette (#F8F5EF, #C6E9EC, #719DCD, #287B8A, #614A5D)
- Worn Field color palette (#DFEADE, #00A262, #006A4C, #004E42, #013341)
Browse the whole catalog at Explore, or see today's palette.