Patina Petrol Pier color palette — #FFF4DD · #C7E1B7 · #88BBA3 · #696C9B · #5A333E
A conversation between Slate and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4DD): A whisper-light, dusty gold — the color of old brass.
- Celadon Mist (#C7E1B7): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#88BBA3): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#696C9B): A full-bodied, dusty violet — the color of a velvet chair.
- Cocoa (#5A333E): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Patina Petrol Pier 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
- Bone Hollow color palette (#F3FAD7, #BCE7D1, #A9C1B0, #8B6E74, #5F3E3B)
- Patina Petrol color palette (#FFF3E8, #F5E5AB, #8CAD7B, #42729D, #3B396A)
- Antique Parlor color palette (#CFF8E1, #A2B58D, #339575, #535483, #5A3B64)
- Aubergine Orchard color palette (#D6E3CF, #76BA95, #257B7D, #4F2D64, #320320)
- Gentle Studio color palette (#FFE7E6, #E8C49D, #86BE83, #BC7293, #71323D)
- Lagoon Balcony color palette (#FFD9C3, #AFB782, #498C77, #674461, #352C47)
- Antique Lagoon Lantern color palette (#D6ECDC, #42A095, #00647C, #431F3E, #1B0004)
- Gentle Loft color palette (#DAFFEF, #8CE0E2, #2B9DC8, #7F4B68, #5F0A1C)
Browse the whole catalog at Explore, or see today's palette.