Petrol Market color palette — #EEF0E2 · #7ABECC · #00748E · #004F52 · #003345
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#EEF0E2): bright and airy, almost weightless.
- Cyan (#7ABECC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00748E): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#003345): 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 Petrol Villa color palette (#F4E6DF, #9ABDA6, #0074A2, #004D40, #001435)
- Dusty Denim color palette (#DCE1D1, #6BA7C8, #005C8E, #003C4A, #00203E)
- Turquoise Canyon color palette (#E3F2F0, #94E1F1, #00B6DC, #009094, #003345)
- Patina Cerulean Workshop color palette (#F4EBF2, #A6CBDC, #0091C9, #006E5C, #082D5A)
- Timeworn Study color palette (#EBECD8, #4B9F9F, #00545B, #00302A, #00181C)
- Tempered Ash Lagoon color palette (#F5F6EF, #CAE2E0, #77A58F, #56785E, #325246)
- Petrol Study color palette (#F3F7EE, #C3E5DB, #6D8DB4, #226A8B, #5A3C57)
- Cocoa Hollow color palette (#EDEECD, #717000, #006F5B, #812F00, #212100)
Browse the whole catalog at Explore, or see today's palette.