Petrol Balcony color palette — #FFF2F0 · #D69FB1 · #938F50 · #685E9F · #5D3442
Slate and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Rosewood Mist (#D69FB1): A luminous, dusty rose — the color of strawberry cream.
- Moss (#938F50): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#685E9F): A full-bodied, balanced violet — the color of wild irises.
- Cocoa (#5D3442): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Creativity, Sophistication. 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
- Patina Petrol Lagoon color palette (#FFF1F1, #D2A1B7, #AF8161, #00768B, #5E3248)
- Weathered Hollow color palette (#FDF1F9, #A1AEE4, #A6874B, #4369A4, #373F66)
- Weathered Alley color palette (#FFF1F4, #E7D2CA, #B9A790, #9A7684, #604A4F)
- Lagoon Drift color palette (#FAF3F0, #CDE7E3, #87B8D9, #4A9874, #63495F)
- Patina Market color palette (#FEF1F8, #C7856A, #587C44, #165B75, #433E59)
- Ancient Studio color palette (#FFF2EA, #FFB292, #92B585, #5D8EA8, #58383E)
- Chalky Mulberry color palette (#FFF2EB, #D6917D, #009487, #8F3D61, #5C2516)
- Dusty Quarry color palette (#FFF2EB, #EABB96, #C49A52, #81791C, #51524A)
Browse the whole catalog at Explore, or see today's palette.