Petrol Market color palette — #EDF4EE · #D7DBEF · #829FC1 · #357584 · #2C3649
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Cream (#EDF4EE): bright and airy, almost weightless.
- Silver (#D7DBEF): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#829FC1): A luminous, dusty blue — the color of deep harbor water.
- Teal (#357584): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Teal (#2C3649): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, 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 Balcony color palette (#F0F0FF, #AC8EC0, #AA8659, #438583, #262537)
- Softworn Cypress Quarry color palette (#F9F4EF, #C9E7EA, #8797C6, #1C7E7D, #654955)
- Antique Petrol color palette (#E3ECE5, #85BECB, #00759A, #004C48, #00172A)
- Softworn Denim color palette (#D8E2D9, #6EA4C4, #00599F, #003841, #01032E)
- Tempered Driftwood color palette (#F0F0FF, #E2D3DE, #BFA899, #8089AC, #3A3548)
- Tempered Thicket color palette (#EBF2FF, #B5B2ED, #8876AE, #6D5582, #3C3651)
- Washed Cerulean Corridor color palette (#E8F6EA, #A8D9EA, #0092AE, #006455, #00293B)
- Patina Lagoon color palette (#DAE8DC, #228986, #00444B, #002015, #000202)
Browse the whole catalog at Explore, or see today's palette.