Patina Petrol color palette — #F9EBE4 · #92BDA6 · #1F6BAF · #005142 · #262757

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

The five colors

• Cream (#F9EBE4): bright and airy, almost weightless.
• Sage (#92BDA6): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#1F6BAF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005142): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#262757): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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

• Wandering Cobalt color palette (#FBF3EE, #AECDC0, #5A78AE, #006059, #3A345A)
• Worn Petrol Balcony color palette (#E2ECE4, #81BED2, #0074A3, #004B4C, #00162F)
• Tempered Denim Field color palette (#E9DCD1, #79A4C7, #404E9F, #003E3F, #280F43)
• Hushed Bloom color palette (#F8E8E1, #4C9DA7, #005070, #00321B, #000B40)
• Wandering Lapis Atelier color palette (#FFE6E5, #FDBDB2, #B9A45C, #6753A4, #512330)
• Muted Archive color palette (#FBF3F1, #D0E2D0, #3C96B5, #197533, #583C5A)
• Periwinkle Delta color palette (#F8EAF2, #8BE2FC, #5DAAF1, #009477, #242855)
• Feathered Mulberry color palette (#F9D3D6, #AE5C9E, #007C68, #7D006D, #003128)

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