Petrol Balcony color palette — #FBF2F9 · #B47067 · #5364A2 · #5D4572 · #3C3441
Built around Slate, softened by Mocha — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#FBF2F9): bright and airy, almost weightless.
- Mocha (#B47067): A luminous, balanced orange — the color of toasted spice.
- Slate (#5364A2): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal Brown (#5D4572): A full-bodied, dusty violet — the color of twilight just after sunset.
- Charcoal (#3C3441): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Sophistication. Tagged jewel, vibrant, 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
- Antique Mustard color palette (#FAF5E5, #B5AF50, #7F79B0, #69648C, #39312E)
- Moss Delta color palette (#E4F7F1, #7F933B, #43749E, #40436D, #221820)
- Indigo Loft color palette (#EEF6FC, #3495B5, #7658A6, #6E3E5A, #3F313C)
- Ancient Balcony color palette (#EAF8FB, #81D1C2, #6BB8A9, #8280B0, #2C3C30)
- Patina Alley color palette (#EAFAF0, #847304, #8D3875, #6E2323, #352229)
- Worn Lagoon color palette (#E9FAF3, #8BB582, #3A8866, #206080, #354D4B)
- Patina Lagoon color palette (#EFF7F5, #D1DDE0, #AAACBB, #5E8D80, #4C5552)
- Gentle Grape Thicket color palette (#FFF0F8, #A64400, #5A00D5, #64006A, #40161D)
Browse the whole catalog at Explore, or see today's palette.