Patina Petrol Garden color palette — #F5F4FF · #D7C7E1 · #BA8E77 · #2A6E7D · #303E60

Built around Teal, softened by Caramel — the whole palette hums with trust and stability.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Lilac Frost (#D7C7E1): A whisper-light, dusty violet — the color of a velvet chair.
• Caramel (#BA8E77): A luminous, dusty orange — the color of autumn markets.
• Teal (#2A6E7D): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#303E60): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Weathered Cypress color palette (#F0F5FF, #D4D1EA, #AE98B7, #337463, #23404F)
• Bronze Summit color palette (#FFD7EB, #D8978B, #94692B, #425D50, #184847)
• Powdered Canyon color palette (#FFF1F5, #F8BEAA, #9C8D50, #1767B7, #3C214E)
• Timeworn Onyx Archive color palette (#FBE0FB, #CE97AF, #986D58, #005261, #041442)
• Cerulean Orchard color palette (#F8F2FF, #EDD3D8, #A4BDA4, #638AA5, #454A62)
• Tempered Harbor color palette (#FFE9F2, #BC7D85, #7E5723, #003C54, #070026)
• Gentle Quarry color palette (#FFF0FD, #F9CC9F, #A2AF6C, #6F63B6, #5A2C52)
• Lagoon Market color palette (#EBF9F1, #A7DDCF, #569B71, #6F5884, #003028)

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