Petrol Market color palette — #F1F3EB · #C6E0DF · #77A3BD · #3C7480 · #1E3D34
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Cream (#F1F3EB): bright and airy, almost weightless.
- Silver (#C6E0DF): A whisper-light, dusty teal — the color of shallow lagoons.
- Blue Fog (#77A3BD): A luminous, dusty blue — the color of open sky before noon.
- Teal (#3C7480): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#1E3D34): A deep, shadowed, dusty teal — the color of sea glass.
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
- Tempered Denim Atelier color palette (#EDEFE4, #6FA5B9, #006181, #00383F, #000C17)
- Washed Atelier color palette (#DFF9EF, #6CA4C6, #9880BA, #378971, #152D25)
- Petrol Studio color palette (#E7F6EF, #84BCD8, #B88AB4, #2E7B9D, #48252B)
- Tempered Veranda color palette (#F3F4DF, #7DCBC9, #008189, #005348, #001E24)
- Wandering Navy color palette (#E7EADD, #4D7F9E, #003E67, #001E28, #000105)
- Softworn Bloom color palette (#DEF9F0, #F8D9D5, #E0B8AC, #6C9181, #453A46)
- Worn Loft color palette (#D4FCF0, #A3CCF1, #5A8BB3, #1D4C6F, #00271E)
- Driftwood Balcony color palette (#FBF4EF, #C4DFEA, #9DCCD3, #7F9B7B, #5A4655)
Browse the whole catalog at Explore, or see today's palette.