Patina Petrol color palette — #ECF4EF · #AE9C55 · #047D9E · #6B3A4F · #321F37

Cerulean and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Moss (#AE9C55): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#047D9E): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#6B3A4F): A full-bodied, dusty rose — the color of a warm blush.
• Deep Indigo (#321F37): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Softworn Cobalt color palette (#E8F5F2, #7FAB6C, #636AAF, #70393E, #371D30)
• Ancient Harbor color palette (#FBEDF4, #CC8A63, #00837A, #57416B, #25243E)
• Tempered Mustard color palette (#F8F5EA, #AEBA5F, #6B90B7, #865B65, #573A36)
• Weathered Turquoise Alley color palette (#F3F7ED, #A0DCBA, #4CAAB4, #476E96, #4A2F3C)
• Garnet Basin color palette (#DDFAED, #838B00, #006290, #6D002F, #320600)
• Jade Summit color palette (#E8FAF6, #74A861, #0D817A, #275977, #2D4A37)
• Worn Lagoon color palette (#D3FCF2, #96C394, #1E9E78, #006D64, #1D3D48)
• Soft Pier color palette (#E5F6F7, #0FA581, #7A4D9B, #662F05, #331020)

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