Patina Petrol color palette — #EDF9EF · #A7C8A7 · #909768 · #41749D · #364F3D
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EDF9EF): bright and airy, almost weightless.
- Pistachio (#A7C8A7): A luminous, dusty green — the color of fresh herbs.
- Moss (#909768): A luminous, dusty green — the color of new leaves after rain.
- Slate (#41749D): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#364F3D): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, 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
- Ancient Sand color palette (#FEF4E5, #FFD59C, #A0A86E, #527796, #533A00)
- Patina Petrol color palette (#EAFAED, #E7AF98, #AA8E58, #157C8E, #57404A)
- Weathered Station color palette (#ECF8F4, #B8D9D4, #7AA88D, #907482, #36544F)
- Petrol Orchard color palette (#EEF9EF, #CAAD78, #519E80, #3A6CA0, #58354F)
- Lagoon Hollow color palette (#EAFAED, #96BE90, #229A8A, #76518E, #0F4645)
- Olive Lantern color palette (#FFF1F5, #D2987C, #6D8042, #56547E, #3F4C3F)
- Hushed Taupe Hollow color palette (#E9F6ED, #AD9B54, #455E56, #2A3D31, #1D241D)
- Worn Cerulean color palette (#F1F7F2, #DBDDEC, #9BB3D5, #3693AF, #46526D)
Browse the whole catalog at Explore, or see today's palette.