Patina Petrol color palette — #F6F1E7 · #AB9C5E · #007CA8 · #6F3943 · #3C1D17
Built around Cerulean, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#F6F1E7): bright and airy, almost weightless.
- Moss (#AB9C5E): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#007CA8): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#6F3943): A full-bodied, dusty red — the color of embers at dusk.
- Espresso (#3C1D17): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Trust, Stability, 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
- Ancient Garden color palette (#F1F3E9, #77AB80, #7166A7, #6D3E28, #372210)
- Hushed Veranda color palette (#F8F0EA, #CF8966, #008570, #583F70, #3A1D24)
- Ancient Moss Pier color palette (#F6F7E7, #7AA761, #2B7F78, #275978, #45423B)
- Garnet Terrace color palette (#F9F2D9, #888900, #006388, #6A003D, #2B0E00)
- Softworn Workshop color palette (#ECF9F3, #AEBA60, #6A8EC0, #7D5C7E, #4F3A4F)
- Hushed Stone Delta color palette (#FAF1DB, #C0C5A4, #8C9E8B, #795E59, #4E3834)
- Tempered Periwinkle Summit color palette (#F7F0EC, #C3E9E9, #73A0D1, #3C7674, #41303C)
- Patina Lagoon color palette (#EEEFDF, #679057, #34402B, #1F1F12, #0E0C07)
Browse the whole catalog at Explore, or see today's palette.