Petrol Market color palette — #E8F1E9 · #8EB8CC · #007297 · #00504D · #003051
A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Cream (#E8F1E9): a clean, paper-quiet neutral.
- Ash (#8EB8CC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007297): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003051): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Cobalt Field color palette (#EEF8F0, #A5CBE3, #377FAF, #005F64, #1F3B60)
- Aged Terrace color palette (#EFE6EC, #85BECD, #0170B2, #004D3A, #0C0F39)
- Washed Sky Courtyard color palette (#F4EEE4, #B4DFC4, #0FB3EB, #00918C, #003051)
- Patina Lagoon Courtyard color palette (#E8F2EA, #3FA0A4, #005361, #003127, #001721)
- Weathered Cypress color palette (#F1F7F2, #D5DEF0, #6FA0BE, #347B7C, #41546A)
- Timeworn Pewter color palette (#F2E8FF, #EDB9C2, #C6856B, #774B7F, #3F2A48)
- Linen Ridge color palette (#EEE7F6, #AA397F, #666100, #00556E, #341026)
- Mulberry Alley color palette (#E3D9F3, #B6569C, #007E53, #7F0067, #00321E)
Browse the whole catalog at Explore, or see today's palette.