Patina Petrol color palette — #F9F0E5 · #B89663 · #3977A5 · #6F3C32 · #3B1F11

Built around Slate, softened by Camel — the whole palette hums with trust and stability.

The five colors

• Cream (#F9F0E5): bright and airy, almost weightless.
• Camel (#B89663): A luminous, dusty gold — the color of old brass.
• Slate (#3977A5): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#6F3C32): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#3B1F11): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, 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

• Aged Pewter Courtyard color palette (#F3F3E7, #8BA768, #7A64A1, #6D3E2B, #3A200D)
• Wandering Amber color palette (#F9F0E8, #C88E55, #4575A6, #573F72, #3A1D29)
• Patina Bronze Field color palette (#FAF0E1, #CDCFBA, #76987F, #985939, #672C09)
• Periwinkle Pier color palette (#F6F1EC, #C7E3E6, #8899D4, #317778, #462E38)
• Muted Dune color palette (#EAF9F3, #AEBA5C, #8585BF, #855A6E, #4A3B57)
• Muted Lapis Cabin color palette (#FAF1DD, #978300, #4630E0, #592A00, #291000)
• Wandering Lagoon color palette (#ECF0E0, #519464, #2D412F, #1D2013, #0E0C07)
• Ancient Pier color palette (#E9F9F6, #ACDBA4, #4CA4D4, #875784, #4D2D3A)

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