Patina Petrol color palette — #E8F5EF · #E6D7DA · #D4B6C0 · #00759A · #182922

Teal and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E8F5EF): bright and airy, almost weightless.
• Silver (#E6D7DA): bright and airy, almost weightless.
• Rosewood Mist (#D4B6C0): A luminous, dusty rose — the color of pressed rose petals.
• Teal (#00759A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#182922): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Softworn Petrol color palette (#ECF9F4, #E6D9DD, #CFB2C5, #0072A4, #2B463D)
• Petrol Grove color palette (#F9EEF5, #E3D2CE, #D1B8B6, #5D63A7, #2E2029)
• Denim Market color palette (#E3EBE8, #D5C6D0, #B69CA2, #005B88, #081A15)
• Dusty Atelier color palette (#EDF7FE, #D9D9E4, #B8ADB7, #219CD9, #2B3740)
• Timeworn Market color palette (#F7F3DB, #6CBC8B, #007B77, #234E7A, #002814)
• Timeworn Driftwood Courtyard color palette (#F8EFF2, #DDD5D1, #B1B1A4, #9F7584, #3C3336)
• Deep Sapphire color palette (#F8DDF5, #255FDD, #3F1D29, #1C071A, #000502)
• Pale Sky Atelier color palette (#D6EEC7, #6CB3D9, #836F9C, #305F3B, #003814)

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