Petrol Market color palette — #F5F1EB · #C5E4D9 · #6F90B9 · #006A7C · #3C2237

Peacock takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C5E4D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#6F90B9): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006A7C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#3C2237): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Cerulean Chapel color palette (#F5F1EB, #CAE4D2, #5098B5, #006D66, #003529)
• Ancient Cobalt color palette (#F6F1E9, #B0DBCA, #4187CA, #00606D, #0B1F56)
• Dusty Blush color palette (#EBF6E8, #5EB5AA, #C1718C, #00756A, #401726)
• Muted Lagoon color palette (#EAE2D6, #4E9894, #00545C, #002D1F, #000508)
• Worn Petrol Atelier color palette (#FCF0DE, #88C8CD, #007F97, #005346, #001D2B)
• Timeworn Periwinkle Harbor color palette (#F0F7F1, #D6DCF7, #6FA7EE, #28889C, #3A4861)
• Muted Lagoon Alley color palette (#E7F8E3, #B7E8E4, #ADD0F5, #3C906F, #1E3726)
• Bronze Ridge color palette (#E7F7E5, #33A09B, #936DAC, #935E00, #0D240B)

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