Petrol Market color palette — #F2F5FD · #BBB9F2 · #A17149 · #6964A0 · #3A282F

Slate takes the lead with Mocha close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#F2F5FD): bright and airy, almost weightless.
• Lavender (#BBB9F2): A luminous, balanced violet — the color of twilight just after sunset.
• Mocha (#A17149): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Slate (#6964A0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#3A282F): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Pewter Basin color palette (#F6F4FB, #DFAFD1, #957938, #905781, #263129)
• Petrol Archive color palette (#F0F6FC, #97C7EA, #A5677F, #37739B, #322B36)
• Aged Pewter color palette (#F7EFF2, #DFB6C3, #AC6F74, #855DA4, #22110C)
• Lilac Parlor color palette (#F4F4FB, #DDC6F2, #C78887, #A374C8, #352935)
• Muted Parlor color palette (#E5FAF7, #AB9FCD, #99676D, #296368, #494458)
• Patina Orchard color palette (#F1F5FF, #D3ADD4, #A46D83, #884A43, #664000)
• Worn Station color palette (#F7F3FF, #DED9E2, #ECB3D5, #B68B50, #524155)
• Antique Basin color palette (#F4F4FF, #BD84EA, #8F5500, #7329A2, #30111E)

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