Petrol Market color palette — #F1F7EF · #3CAC9F · #1678AB · #554982 · #42433C

Cerulean and Turquoise set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F7EF): bright and airy, almost weightless.
• Turquoise (#3CAC9F): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#1678AB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#554982): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#42433C): quiet, heavy and certain.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged 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

• Fern Market color palette (#EDF9F2, #5EA3BC, #5D6DA7, #66456F, #314C09)
• Timeworn Lagoon color palette (#F5F6E9, #7EA472, #008279, #225A77, #46423B)
• Jade Pier color palette (#F1F4E4, #6BAF72, #686CA2, #6B3C48, #3B1F14)
• Softworn Lagoon color palette (#E5FDE0, #63C0BD, #00989F, #127682, #3C5746)
• Soft Harbor color palette (#E8FBEB, #008E98, #0058AB, #561783, #003B23)
• Muted Oat color palette (#EDFAE9, #BAD5BD, #83A08F, #796370, #624D4B)
• Aged Corridor color palette (#E8F9F7, #7AC680, #7B88C3, #775E7E, #4F3954)
• Washed Orchard color palette (#FBF2FA, #6488C8, #80449E, #78273F, #18412D)

Browse the whole catalog at Explore, or see today's palette.