Petrol Market color palette — #F5F6EF · #C9E3E1 · #66A3BC · #2C7B83 · #355147
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 (#C9E3E1): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#66A3BC): A luminous, dusty blue — the color of deep harbor water.
- Teal (#2C7B83): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#355147): A full-bodied, 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
- Washed Ash Orchard color palette (#F7F0EC, #C4E9E5, #6FA3C6, #40776D, #412F40)
- Antique Ash color palette (#EDF8F6, #D5DDEB, #A3CDE8, #79ABBD, #3F5667)
- Denim Grove color palette (#EAECE1, #6FA9B5, #006177, #003E40, #002331)
- Muted Cerulean color palette (#F5F6EE, #B1CEB5, #0E8797, #00605A, #004250)
- Wandering Abyss Corridor color palette (#DFE2D5, #5189A1, #00415F, #002128, #000A16)
- Worn Cobalt color palette (#F3F7E9, #ABDACA, #2083D3, #00627F, #0E3E7A)
- Wandering Sapphire Field color palette (#F2F8E5, #93BDE1, #006CCD, #00516F, #062B76)
- Ancient Orchard color palette (#FFF1F1, #C181A0, #B37B53, #6F6FA9, #543B3A)
Browse the whole catalog at Explore, or see today's palette.