Patina Petrol color palette — #B9E8F4 · #87AEC4 · #587493 · #674D6B · #56394A
Slate and Charcoal Brown set the tone — five colors that lean into calm and sophistication.
The five colors
- Powder Blue (#B9E8F4): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#87AEC4): A luminous, dusty blue — the color of deep harbor water.
- Slate (#587493): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#674D6B): A full-bodied, dusty pink — the color of peonies in June.
- Charcoal (#56394A): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Calm, Sophistication. Tagged vintage, retro, muted, cool.
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
- Timeworn Pewter color palette (#E9F8FF, #A4BACB, #788198, #73556B, #613F3A)
- Timeworn Cerulean Studio color palette (#C9E4E6, #5991B1, #42567C, #56282B, #422100)
- Dusty Thicket color palette (#D5F8E9, #77ADB3, #4E7B9D, #615021, #302400)
- Patina Pewter Studio color palette (#DCE5FA, #9B87B4, #7F5270, #4E471D, #053F36)
- Patina Turquoise Orchard color palette (#C7E7EB, #00A7C6, #007BA3, #005183, #1C3860)
- Wandering Indigo color palette (#CFE9F9, #80A2E1, #7C65AB, #773D08, #4B3B00)
- Dusty Summit color palette (#E0F1FF, #4296C8, #AA661C, #005D88, #502B00)
- Cocoa Pier color palette (#CAE8C8, #ACD1BD, #8CA9D1, #AC7279, #6A3204)
Browse the whole catalog at Explore, or see today's palette.