Petrol Balcony color palette — #F8F3F9 · #E1D7D8 · #CCBBB8 · #5077A1 · #4E444F
Slate takes the lead with Charcoal close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F8F3F9): a clean, paper-quiet neutral.
- Silver (#E1D7D8): bright and airy, almost weightless.
- Stone (#CCBBB8): a calm mid-gray that lets other colors speak.
- Slate (#5077A1): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#4E444F): A full-bodied, dusty pink — the color of neon signs at night.
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
- Washed Cypress Veranda color palette (#F0F7F3, #D0DEE0, #D1BDC0, #557F67, #404B44)
- Antique Cobalt color palette (#EEF2F8, #D6D5DC, #BCB9C6, #4776B5, #242D38)
- Ancient Harbor color palette (#FCF2F4, #E4D6CD, #C3AEA6, #7A557A, #443638)
- Hushed Olive Hollow color palette (#DCFDF2, #CEAFC2, #95787B, #686E25, #3C5846)
- Softworn Indigo color palette (#EFDFE9, #6564BF, #412B31, #271A23, #12090D)
- Aged Basalt Field color palette (#FDF4E7, #B9AF8F, #627D4F, #6B5061, #514000)
- Weathered Garnet Hollow color palette (#F1E4E4, #C4B5B2, #A2887A, #6B255A, #301719)
- Weathered Field color palette (#FAF6DE, #599ED4, #735C96, #485415, #4C3449)
Browse the whole catalog at Explore, or see today's palette.