Petrol Market color palette — #F4EBF2 · #80BDC4 · #00719C · #005331 · #0F2A60

Peacock and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F4EBF2): bright and airy, almost weightless.
• Ash (#80BDC4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#00719C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005331): A deep, shadowed, balanced teal — the color of sea glass.
• Navy (#0F2A60): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Dusty Petrol Bloom color palette (#F5EBEF, #8DB7D4, #4763B0, #00504D, #332058)
• Petrol Meadow color palette (#EFE8DD, #7AC1CA, #007792, #004C43, #001827)
• Tempered Cerulean color palette (#E8F1EA, #91D1D9, #0095B6, #006D60, #00324A)
• Hazy Cornflower color palette (#FEF1F7, #9FD7F5, #457CDA, #00675E, #403277)
• Coral Garden color palette (#ECF4FF, #C7C3EE, #D9737E, #006B7C, #332B51)
• Spruce Market color palette (#EEE4F0, #5E9C98, #005364, #053303, #001529)
• Antique Coast color palette (#DCE0EF, #6B58BA, #795800, #464C06, #1F183D)
• Wandering Basin color palette (#F9F3F8, #D5E0F2, #739FC1, #218162, #46536B)

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