Petrol Market color palette — #F5F6EF · #C8E4E3 · #6FA1BB · #267B88 · #2F5347
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#F5F6EF): a clean, paper-quiet neutral.
- Silver (#C8E4E3): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#6FA1BB): A luminous, dusty blue — the color of open sky before noon.
- Teal (#267B88): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal Brown (#2F5347): A full-bodied, dusty teal — the color of sea glass.
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
- Washed Azure Loft color palette (#F7F0EC, #C8E3E2, #70A2CB, #367871, #422F3F)
- Wandering Summit color palette (#EFEFE5, #9EBA9E, #00767F, #005147, #00343D)
- Timeworn Powder color palette (#EDF8F6, #D6DDEB, #95D0EF, #7DAABC, #445562)
- Wandering Cerulean Studio color palette (#FFF0F9, #9093C3, #AE7692, #00849B, #523A49)
- Washed Loft color palette (#E3E8D9, #5E96BD, #004C82, #002E3D, #001231)
- Hazy Cobalt Villa color palette (#F3F7EA, #AED3F3, #4481C8, #006183, #203D74)
- Patina Ridge color palette (#FFF1F7, #E5D6D4, #E1BAAD, #8A8AB7, #5E464E)
- Washed Denim Delta color palette (#FFE8FB, #ADBBEA, #7E80BF, #615B9D, #644353)
Browse the whole catalog at Explore, or see today's palette.