Patina Petrol color palette — #D8F0FB · #676399 · #592F3D · #002B18 · #001412
A conversation between Slate and Cocoa, giving this palette its sense of nature and growth.
The five colors
- Frost (#D8F0FB): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#676399): A full-bodied, balanced violet — the color of wild irises.
- Cocoa (#592F3D): A deep, shadowed, dusty rose — the color of pressed rose petals.
- Deep Forest (#002B18): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001412): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, 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
- Basalt Workshop color palette (#CCF3E8, #4A738E, #46305C, #212200, #021102)
- Weathered Cocoa color palette (#DDE3FE, #8E5676, #612B11, #002A2F, #02131E)
- Wandering Cocoa Bloom color palette (#DDDEEB, #75749B, #6C4258, #363300, #041200)
- Driftwood Boulevard color palette (#D8E1F5, #A773A6, #74473F, #00424B, #002C32)
- Aged Courtyard color palette (#EBDFE9, #3E8D98, #00425E, #002413, #00022C)
- Tempered Plum color palette (#D7F1FB, #7F7EB3, #9E4E7C, #0E583C, #001209)
- Deep Alley color palette (#FCE5F4, #A52A6D, #52003B, #211706, #15000D)
- Midnight Grape Harbor color palette (#DCE2F5, #6A3CB7, #5F0061, #30001F, #150400)
Browse the whole catalog at Explore, or see today's palette.