Petrol Balcony color palette — #F0F6FC · #D9D9E4 · #BFBDCE · #50789B · #3F4953

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

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#D9D9E4): bright and airy, almost weightless.
• Ash (#BFBDCE): A luminous, dusty violet — the color of a velvet chair.
• Slate (#50789B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3F4953): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Loft color palette (#EDF3F7, #D7D6DD, #BFB9C5, #437BA0, #262D33)
• Dusty Cerulean Grove color palette (#F0F7F4, #DED4D2, #A8A194, #5D96BC, #3D4B46)
• Dusty Station color palette (#F0F5FF, #AEB4CE, #7E7C97, #736273, #6A464D)
• Muted Pewter color palette (#F5F4FB, #E0D6DE, #B7B0BE, #7D5084, #3B3944)
• Weathered Navy Alley color palette (#DBE3EE, #A2AAB7, #727F9C, #003474, #091422)
• Antique Pewter color palette (#EDF8F2, #8CBCA8, #6C7951, #396167, #2F493F)
• Timeworn Iris Villa color palette (#EFF6FF, #B0DAFF, #99BAFF, #8B82D8, #323B5E)
• Muted Cabin color palette (#DDE5F4, #5469C2, #2A3149, #171F2E, #0C0C13)

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