Patina Petrol color palette — #EAF9F5 · #85B5E2 · #C08C5F · #3D77AA · #524C46

A conversation between Slate and Caramel, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EAF9F5): a clean, paper-quiet neutral.
• Sky (#85B5E2): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#C08C5F): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#3D77AA): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#524C46): a grounded near-black with real depth.

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

• Cobalt Orchard color palette (#FDF1F8, #A9A9E4, #91A06E, #6C69AB, #4E4D46)
• Cocoa Dune color palette (#EAFAEE, #77BDC7, #C08A78, #2C7F8A, #753C13)
• Washed Cobalt Coast color palette (#E7F3FF, #92B8D9, #BF9267, #3177AD, #472906)
• Softworn Meadow color palette (#EBF9F4, #9FCAEE, #D3A976, #3293DA, #514C46)
• Wandering Periwinkle color palette (#FEF0FF, #6F9BCE, #A88153, #7A7237, #4B3D4C)
• Cerulean Quarry color palette (#FFF0FE, #ACC4F1, #6084AF, #345178, #2B3A5C)
• Chalky Ultramarine color palette (#FFF0FC, #6F8DEC, #9F7800, #334CC4, #4B3700)
• Driftwood Parlor color palette (#E2FCF3, #E9D9D2, #D0BD9C, #769576, #5C4B5B)

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