Petrol Balcony color palette — #FFF2F0 · #DB9CB0 · #829556 · #286DA5 · #5E3536
Slate takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Rosewood Mist (#DB9CB0): A luminous, dusty rose — the color of strawberry cream.
- Moss (#829556): A luminous, balanced green — the color of fresh herbs.
- Slate (#286DA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#5E3536): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Trust, Stability, Balance. 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
- Wandering Petrol Lantern color palette (#FEF1F2, #D39DC7, #9B8C53, #017689, #443B61)
- Antique Jade color palette (#FDF1FA, #FFB7AC, #73A97A, #576996, #2E384F)
- Mulberry Parlor color palette (#FDF4E9, #CD9A52, #009298, #7F4283, #5B251E)
- Dusty Archive color palette (#FEF3E9, #FFB479, #ADAE71, #66927A, #593930)
- Softworn Olive Balcony color palette (#F0F8EF, #BB8E55, #637B2E, #1B6052, #53384D)
- Hushed Atelier color palette (#FFF2F0, #EDD4C4, #BCAE95, #977B99, #62434F)
- Tempered Dune color palette (#FAF4F0, #CFE5E3, #83B9DB, #299A88, #624861)
- Fern Harbor color palette (#F9F5EE, #D7D2B9, #86A681, #9C7070, #5A4D00)
Browse the whole catalog at Explore, or see today's palette.