Patina Petrol Lagoon color palette — #F9F5EB · #8D8244 · #366C92 · #5B4369 · #39332E

A conversation between Slate and Walnut, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F5EB): bright and airy, almost weightless.
• Walnut (#8D8244): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#366C92): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#5B4369): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#39332E): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Worn Amber Pier color palette (#FCF3ED, #B77A58, #297B7C, #3D486E, #432D2B)
• Weathered Emerald Lantern color palette (#F4F7EB, #679E6B, #656191, #723A4C, #38342E)
• Garnet Orchard color palette (#F6F2E7, #9D9758, #007E7E, #683057, #211B0A)
• Antique Driftwood color palette (#F7F5EE, #D6DBD5, #A3AFB2, #928239, #555349)
• Wandering Fern color palette (#FFF4E2, #A0AF7D, #498569, #714C5F, #4B4B00)
• Wandering Forest color palette (#FFF5D4, #ABC492, #69936D, #16684F, #005047)
• Linen Pine color palette (#F3F8E1, #20762C, #4C438C, #600931, #2A1B02)
• Ultramarine Study color palette (#F9F7DD, #5F7500, #0041BB, #63005A, #371D00)

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