Patina Petrol Bloom color palette — #E8F4E7 · #7DA18F · #406698 · #6D393E · #532B14

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

The five colors

• Cream (#E8F4E7): A whisper-light, dusty green — the color of fresh herbs.
• Eucalyptus (#7DA18F): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#406698): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#6D393E): A full-bodied, dusty red — the color of a theater curtain.
• Espresso (#532B14): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Patina Petrol Bloom 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

• Petrol Loft color palette (#CFEBD4, #4B99A1, #4C639D, #4E3213, #2F1900)
• Petrol Grove color palette (#DCE3C6, #889B7B, #006F81, #5F355E, #592736)
• Muted Basalt color palette (#DFF1E8, #AD8DAD, #6A628A, #6C3F2B, #533400)
• Muted Archive color palette (#C6EBE5, #6ABEB4, #5E86C4, #6E552C, #462F00)
• Dusty Terrace color palette (#D0E5E4, #58C2E3, #7498C9, #826A85, #4E2715)
• Hushed Aubergine color palette (#E3F2FC, #6578A3, #523372, #422000, #141D03)
• Antique Garden color palette (#F4EDE3, #8DB8D3, #296AAC, #004E5A, #19295B)
• Softworn Cobalt color palette (#C8E6DC, #2986C0, #995800, #004E77, #3E2100)

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