Patina Petrol color palette — #EAFAED · #E7AF98 · #AA8E58 · #157C8E · #57404A

Teal and Caramel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAFAED): A whisper-light, dusty teal — the color of shallow lagoons.
• Sand (#E7AF98): A luminous, dusty orange — the color of autumn markets.
• Caramel (#AA8E58): A luminous, dusty gold — the color of honey in a jar.
• Teal (#157C8E): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#57404A): A full-bodied, dusty rose — the color of a warm blush.

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

• Dusty Thicket color palette (#EBFAEE, #E2ACC0, #B98375, #278060, #504252)
• Ancient Petrol Archive color palette (#FEF1F7, #D7A488, #6E9973, #2C6EA1, #4A3A5A)
• Patina Petrol color palette (#EDF9EF, #A7C8A7, #909768, #41749D, #364F3D)
• Bronze Summit color palette (#EAFAEE, #D4939D, #91722B, #405985, #54414E)
• Worn Cocoa Dune color palette (#FEF4E3, #FFD1BF, #B69F72, #5A7C66, #5E3300)
• Washed Amber color palette (#FEECF3, #C58E5A, #4B5D50, #453239, #261F23)
• Washed Apricot color palette (#E2FEE7, #E19440, #898000, #00628A, #483100)
• Cerulean Bloom color palette (#FFF0F8, #CEDDD0, #95B5A9, #65869D, #455061)

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