Petrol Market color palette — #F3F6F0 · #7BBFA3 · #2F74A7 · #007152 · #0B2A23
Slate takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F3F6F0): bright and airy, almost weightless.
- Mint Leaf (#7BBFA3): A luminous, balanced teal — the color of glacier melt.
- Slate (#2F74A7): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#007152): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#0B2A23): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.
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 Fern Canyon color palette (#F6F6EC, #9CB98A, #007E84, #3B6F00, #19291B)
- Cobalt Lantern color palette (#F0F8F0, #66BFC2, #5868B6, #006D70, #301D2B)
- Antique Workshop color palette (#FFF4E2, #54A7A6, #277296, #7A3147, #284531)
- Indigo Terrace color palette (#F2F2EB, #9FBF86, #7A60C3, #4A7222, #170910)
- Grape Terrace color palette (#EBF9F1, #3AB1D3, #8030C7, #006076, #2F121F)
- Tempered Iris color palette (#EBF8F6, #A1D49D, #6C8BDF, #4C9349, #1B2433)
- Worn Orchard color palette (#F2F7F1, #D2DEDB, #ADC6C5, #26847D, #434A42)
- Twilit Harbor color palette (#D7E2D1, #007A67, #003265, #002E26, #000207)
Browse the whole catalog at Explore, or see today's palette.