Patina Petrol color palette — #D7ECEC · #64ABC9 · #4F6BA4 · #683A3C · #250F00

Built around Slate, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Frost (#D7ECEC): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#64ABC9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#4F6BA4): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#683A3C): A full-bodied, dusty red — the color of embers at dusk.
• Ink (#250F00): A deep, shadowed, dusty gold — the color of old brass.

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

• Teal Canyon color palette (#D0F6E2, #57C1BC, #3C819B, #633452, #390A10)
• Weathered Cabin color palette (#CCE6FF, #99A7E3, #846496, #5C3400, #201700)
• Garnet Field color palette (#D9F1F8, #6D95BE, #54518B, #5D1901, #0D0500)
• Weathered Alley color palette (#D6E8ED, #5B8AA2, #345B86, #44274D, #3A111B)
• Frosted Teal color palette (#D7ECCF, #32B3AE, #6883BC, #79591F, #3B2700)
• Cobalt Courtyard color palette (#D7E6F6, #747AC2, #5B396A, #341E00, #010100)
• Aged Station color palette (#D2F8EC, #27A8FC, #9E5900, #005281, #100500)
• Chestnut Workshop color palette (#E8F8FF, #9FC9FF, #927CC9, #8B4000, #3F2B00)

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