Petrol Balcony color palette — #FFEEF4 · #9EB4A7 · #5C8E82 · #3F6688 · #514960
Peacock takes the lead with Storm Blue close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#FFEEF4): a clean, paper-quiet neutral.
- Ash (#9EB4A7): A luminous, dusty teal — the color of shallow lagoons.
- Storm Blue (#5C8E82): A luminous, dusty teal — the color of sea glass.
- Peacock (#3F6688): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#514960): A full-bodied, dusty violet — the color of wild irises.
Feels like: Trust, Stability, 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
- Timeworn Courtyard color palette (#F9EBFE, #C4A6B1, #728F65, #5E5B75, #353345)
- Pewter Grove color palette (#E1FDEE, #ADC8C1, #79A2A5, #687190, #535165)
- Antique Pier color palette (#D7EFEA, #6FA8A9, #417282, #543A62, #522626)
- Dusty Pier color palette (#DFF6C3, #80B8B4, #058F8B, #6C4B8F, #6A3B5A)
- Hushed Pine color palette (#EDF8F2, #94B9AE, #597F58, #7C4B3E, #264A41)
- Weathered Taupe Terrace color palette (#FFEAE5, #D9BFAB, #94AA7A, #916D73, #64454B)
- Basalt Grove color palette (#CFF0EF, #598A95, #095D72, #58184F, #47061B)
- Iris Ridge color palette (#E4FBF2, #9BA66B, #9378C8, #616D00, #483964)
Browse the whole catalog at Explore, or see today's palette.