Petrol Market color palette — #E1ECEA · #76C0D5 · #007698 · #004A50 · #001826
Teal and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E1ECEA): a clean, paper-quiet neutral.
- Sky (#76C0D5): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007698): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004A50): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001826): A deep, shadowed, dusty 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
- Petrol Courtyard color palette (#F9EBE4, #72BED4, #116FA2, #005148, #1C2D4D)
- Denim Garden color palette (#DDEFEE, #65A4D0, #005A9B, #003749, #000921)
- Wandering Cerulean color palette (#EEF0E2, #86D1E7, #0094BD, #006B73, #003249)
- Faded Cornflower color palette (#E6F6F5, #A8D5FF, #1380F3, #005D80, #0E224D)
- Softworn Lagoon Quarry color palette (#D9EBE8, #48989E, #00535E, #002C29, #000508)
- Timeworn Mulberry color palette (#DBE0FC, #764FC0, #AD0056, #005470, #070622)
- Chalky Nightshade Field color palette (#D8E3F9, #656FE8, #007C6E, #341FB7, #001713)
- Gentle Harbor color palette (#E2E6FD, #E3BCFF, #C985C6, #544E90, #16162F)
Browse the whole catalog at Explore, or see today's palette.