Patina Petrol color palette — #F9F6E4 · #C6E8BC · #72B291 · #387B9B · #3F4039
Slate and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9F6E4): A whisper-light, dusty green — the color of new leaves after rain.
- Celadon Mist (#C6E8BC): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#72B291): A luminous, balanced teal — the color of sea glass.
- Slate (#387B9B): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3F4039): quiet, heavy and certain.
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
- Muted Villa color palette (#FBF5E6, #EBDCAD, #A0A870, #358179, #4F3C00)
- Taupe Thicket color palette (#E4FCF1, #91B47A, #4E8563, #3C5E73, #364D4A)
- Hushed Cerulean Thicket color palette (#F4F6EF, #C7DBE7, #9ACED5, #559DB6, #58465A)
- Petrol Field color palette (#EFF8EE, #91DCD5, #63A2C9, #6660A5, #4D2A47)
- Misty Parlor color palette (#F6F8DB, #4ACFBD, #008F9A, #3F4698, #002826)
- Teal Balcony color palette (#FFF3E9, #D1D69A, #66C3A4, #A87B9E, #4C4B00)
- Gentle Aubergine Summit color palette (#EDF3CB, #009E9E, #005F71, #2F0075, #000506)
- Feathered Villa color palette (#F3F8E2, #7DDDEB, #3D9DC7, #704F9E, #153A27)
Browse the whole catalog at Explore, or see today's palette.