Petrol Market color palette — #F8EECF · #779A73 · #1A7B8C · #6E3B3C · #4A2F4A
A conversation between Teal and Cocoa, giving this palette its sense of nature and growth.
The five colors
- Custard (#F8EECF): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#779A73): A luminous, dusty green — the color of new leaves after rain.
- Teal (#1A7B8C): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#6E3B3C): A full-bodied, dusty red — the color of a theater curtain.
- Charcoal (#4A2F4A): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Ancient Pier color palette (#FEE8D9, #899848, #27756E, #474661, #3F2946)
- Timeworn Teal color palette (#DEE3D6, #53B0A0, #507195, #5B4159, #4B2834)
- Antique Courtyard color palette (#DBE2D4, #398E80, #2E5A81, #582A23, #43130D)
- Onyx Thicket color palette (#D4F2E7, #59A298, #2E727B, #31426A, #1C123C)
- Washed Powder color palette (#CAFAED, #97C6D0, #7C8EA3, #7A5A6A, #5F4647)
- Moss Dune color palette (#D4ECDB, #77994D, #006545, #4A3C10, #003129)
- Faded Lagoon color palette (#DAEEE3, #00A5C4, #656BA5, #6C3F10, #413300)
- Worn Jade Thicket color palette (#E6F0E1, #00AC74, #006C62, #004A56, #00354C)
Browse the whole catalog at Explore, or see today's palette.