Petrol Balcony color palette — #F7F3FD · #D0A0BF · #509A9B · #306CA4 · #3D3F5F

Slate takes the lead with Storm Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F7F3FD): a clean, paper-quiet neutral.
• Mauve (#D0A0BF): A luminous, dusty pink — the color of neon signs at night.
• Storm Blue (#509A9B): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#306CA4): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#3D3F5F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Sophistication. Tagged 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

• Worn Petrol Market color palette (#EDF8F6, #97BD99, #529A99, #326F99, #423C61)
• Weathered Cerulean Cabin color palette (#EFF7F6, #D4DDED, #7FBBD5, #3C959E, #3F5667)
• Cypress Quarry color palette (#EFF8EF, #CAAC81, #7E965F, #007A6A, #23465D)
• Ancient Boulevard color palette (#FBF2F9, #CF7F70, #008468, #4E4E7B, #3A415B)
• Shell Delta color palette (#FEF3EC, #FFB197, #67BCA4, #7486B1, #54384B)
• Hushed Sand color palette (#FFF3E8, #FEBC85, #9A9F65, #805D7E, #3E3634)
• Taupe Pier color palette (#FEEDF2, #BB9367, #4D5D50, #453238, #261F22)
• Washed Taupe color palette (#EFF8F2, #BCD9CA, #98A173, #937281, #3A5448)

Browse the whole catalog at Explore, or see today's palette.