Petrol Market color palette — #F5EDE2 · #88BAD0 · #006EA8 · #004F54 · #102D55
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#F5EDE2): bright and airy, almost weightless.
- Ash (#88BAD0): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006EA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F54): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#102D55): 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
- Timeworn Petrol color palette (#F4EEE4, #9ABC9A, #007584, #00523E, #003343)
- Sapphire Cabin color palette (#EFE7E2, #89BCD1, #006AC8, #004C41, #130E36)
- Aged Cobalt Grove color palette (#FAF4EC, #ADCDC1, #457BB8, #005E6C, #283865)
- Aged Denim Meadow color palette (#E7E0D6, #7CA99E, #2B51A7, #003B4C, #18154A)
- Washed Periwinkle Ridge color palette (#E4F3E7, #9FDDF9, #5EACE5, #009098, #142E51)
- Dusty Denim color palette (#EDE3D3, #519CAA, #005169, #00302C, #001626)
- Azure Villa color palette (#E4F9DB, #8BD1D8, #32A8DC, #006E36, #00413F)
- Petrol Terrace color palette (#F8F5EF, #CCE4E4, #769DC4, #2E7B85, #62495F)
Browse the whole catalog at Explore, or see today's palette.