Patina Petrol color palette — #ECF4F0 · #A1D0B8 · #8D77A9 · #007D9F · #201016

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

The five colors

• Cream (#ECF4F0): a clean, paper-quiet neutral.
• Pistachio (#A1D0B8): A luminous, dusty teal — the color of sea glass.
• Slate Blue (#8D77A9): A luminous, dusty violet — the color of wild irises.
• Cerulean (#007D9F): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#201016): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, muted.

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

• Weathered Alley color palette (#EFF3ED, #95D2C2, #498AB4, #008570, #061A14)
• Washed Cobalt color palette (#F5F0F5, #D4B9D4, #9D6EA9, #4372B4, #1F1115)
• Washed Driftwood Basin color palette (#EEF7FA, #7BD0D8, #9D6898, #007C84, #2F2B39)
• Antique Parlor color palette (#F0F6FA, #A6DAF0, #AB87DC, #3F98B8, #2C2D37)
• Cocoa Corridor color palette (#FAF0E1, #8CAED7, #7A719E, #724719, #392435)
• Weathered Cerulean Hollow color palette (#ECF4F1, #DAD1D0, #A59D92, #6087AA, #2F3936)
• Powdered Nightshade color palette (#D4FCEF, #D5B6D5, #7A7EB4, #59448F, #3A164C)
• Wandering Pewter color palette (#EAF5F0, #508FB2, #9E5A5F, #5D4800, #16200E)

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