Petrol Balcony color palette — #ECF3F7 · #D5D6DE · #BBBACE · #358097 · #202E36
Built around Slate, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF3F7): a clean, paper-quiet neutral.
- Silver (#D5D6DE): a clean, paper-quiet neutral.
- Ash (#BBBACE): A luminous, dusty violet — the color of a velvet chair.
- Slate (#358097): A full-bodied, balanced blue — the color of open sky before noon.
- Onyx (#202E36): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Softworn Petrol color palette (#F1F7F3, #DFD4D3, #CEB6B7, #3F7F8C, #424A45)
- Indigo Boulevard color palette (#EFF2F8, #DAD3DF, #BEBBD9, #585FBB, #1D2437)
- Lagoon Archive color palette (#E7F5F2, #95BCBA, #438370, #2D5C6C, #002E2D)
- Dusty Abyss color palette (#E8F1F7, #98A1AB, #6E7C97, #003B54, #00050B)
- Antique Driftwood color palette (#E6F4FF, #A4B3CD, #8487AE, #714C5D, #223A2A)
- Patina Archive color palette (#F0F6FA, #D9DAE1, #BEB2AF, #30AFCA, #374146)
- Weathered Cocoa color palette (#E6F7E9, #60A6C6, #56689F, #762B0F, #0E2438)
- Muted Loft color palette (#E8E8F4, #B4B1BE, #9686A4, #62048D, #0A071B)
Browse the whole catalog at Explore, or see today's palette.