Patina Petrol color palette — #E9FAED · #007783 · #624A00 · #293700 · #142303

Built around Teal, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Ivory (#E9FAED): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007783): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#624A00): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#293700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#142303): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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 Fern color palette (#ECF9F3, #3683A2, #626300, #004F1D, #1E301F)
• Weathered Cocoa Pier color palette (#F1F8E7, #0B8156, #822B00, #463200, #201D01)
• Indigo Station color palette (#FCEDF7, #5966BC, #8A3600, #003D10, #140510)
• Wandering Meadow color palette (#FAF2F9, #788EBA, #4B7745, #006156, #263B32)
• Obsidian Corridor color palette (#D5EDE2, #004864, #2C2E00, #00200A, #000909)
• Weathered Balcony color palette (#FFF1F7, #6D52C1, #00614C, #003F4A, #072046)
• Cocoa Atelier color palette (#FFEDEA, #A95A73, #873900, #463900, #083602)
• Muted Rust Alley color palette (#F3F4FF, #9771DB, #B4401C, #1B5B00, #0E1C2F)

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