Petrol Market color palette — #F3E4EE · #77C2C6 · #007793 · #004E35 · #00182A
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Blush (#F3E4EE): A whisper-light, dusty pink — the color of neon signs at night.
- Mint Leaf (#77C2C6): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007793): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E35): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#00182A): 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
- Wandering Lantern color palette (#E7F1EF, #86BBCB, #007682, #005049, #00343E)
- Soft Meadow color palette (#F5E4EA, #88BADE, #4169B3, #004A50, #14093D)
- Patina Denim Workshop color palette (#F0E3EB, #6AA6BA, #005D90, #003A34, #000231)
- Airy Parlor color palette (#FEECF6, #A3D9F1, #4587C5, #00625F, #151E53)
- Misty Iris color palette (#D8F3FF, #8DCFF8, #8B92DF, #00765B, #00212A)
- Timeworn Cerulean Terrace color palette (#F6F7E7, #B9EADE, #00A4B5, #006B62, #00232B)
- Worn Bloom color palette (#CEE9D8, #009278, #006462, #003E4A, #001520)
- Cerulean Canyon color palette (#F7E7F2, #338498, #00405F, #00201B, #000106)
Browse the whole catalog at Explore, or see today's palette.