Petrol Balcony color palette — #D6ECEF · #84A5BC · #62739B · #6D3F3C · #391F2C
Slate and Cocoa set the tone — five colors that lean into sophistication.
The five colors
- Frost (#D6ECEF): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#84A5BC): A luminous, dusty blue — the color of deep harbor water.
- Slate (#62739B): A full-bodied, dusty violet — the color of wild irises.
- Cocoa (#6D3F3C): A full-bodied, dusty orange — the color of sun-warmed clay.
- Onyx (#391F2C): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Balcony 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 Basalt color palette (#D5EBFD, #98AAC5, #72779A, #633D50, #16311E)
- Muted Pewter color palette (#CDE6FD, #878CBF, #7F559C, #5B3600, #231F00)
- Washed Basalt Meadow color palette (#D3F6FF, #5D85A5, #49507E, #55200E, #1C0E00)
- Ancient Ash color palette (#E4E4F4, #A881AF, #6C5676, #194939, #002120)
- Timeworn Pewter Grove color palette (#E9F3FF, #C7CFE8, #9694A6, #5F7361, #32463F)
- Weathered Cocoa Study color palette (#CCEECF, #A2C3B5, #7D89B0, #8E5655, #6A3A00)
- Tempered Villa color palette (#E3E6FF, #BBA4D4, #A06888, #5C5221, #0F3400)
- Timeworn Cobalt Loft color palette (#EDF4EE, #AECBE7, #587BBB, #00586E, #191C3F)
Browse the whole catalog at Explore, or see today's palette.