Petrol Market color palette — #FDEAE0 · #7EC4CC · #007293 · #00402F · #000308
A conversation between Teal and Mint Leaf, giving this palette its sense of trust and stability.
The five colors
- Cream (#FDEAE0): A whisper-light, dusty orange — the color of sun-warmed clay.
- Mint Leaf (#7EC4CC): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007293): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00402F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000308): 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
- Worn Bloom color palette (#F7ECE2, #76C0ED, #1562C9, #003D40, #020013)
- Worn Cobalt Delta color palette (#FFF2EB, #8FD8F0, #0081C5, #00524B, #000334)
- Quiet Lilac color palette (#D2F7D9, #8ED1FF, #A291FD, #006658, #00050A)
- Antique Cerulean Balcony color palette (#D8E6E3, #72BEC6, #0093A8, #006D69, #00171F)
- Airy Harbor color palette (#D1F0D8, #008E9D, #BD1F00, #00444C, #040000)
- Azure Courtyard color palette (#D5F2FF, #00A4C8, #00586E, #00151C, #000102)
- Softworn Brick Workshop color palette (#C4E5EC, #007484, #A80118, #6E2C00, #000102)
- Ancient Cypress Grove color palette (#FBF3EF, #BDE8F4, #6AB0D4, #1F806A, #142F4F)
Browse the whole catalog at Explore, or see today's palette.