Petrol Balcony color palette — #F9F3F9 · #E4D5D7 · #C4ABB7 · #3065A3 · #423642

A conversation between Peacock and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#E4D5D7): bright and airy, almost weightless.
• Rosewood Mist (#C4ABB7): A luminous, dusty rose — the color of strawberry cream.
• Peacock (#3065A3): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#423642): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Hushed Drift color palette (#F1F6FB, #DBD7E5, #CEB7D0, #4186BD, #313C46)
• Worn Petrol color palette (#ECF4F1, #E1D4D5, #CEADB4, #2F6996, #152420)
• Tempered Pier color palette (#F1F7F2, #CDDDDD, #A0BAB2, #00717C, #313F34)
• Softworn Driftwood Basin color palette (#FAF3F5, #DFD8D5, #ABAE9F, #8F75A6, #5C4E52)
• Hushed Hollow color palette (#F9F5EB, #98A074, #4D6E37, #15516F, #37362F)
• Washed Navy Market color palette (#E6DDE5, #C4B3BD, #A6838F, #17389B, #2A1828)
• Tempered Atelier color palette (#FDE5F7, #C69FAF, #8A6686, #735201, #39491A)
• Aged Plum Thicket color palette (#FBF3F4, #E4D7CE, #D0B5AF, #A13699, #52373B)

Browse the whole catalog at Explore, or see today's palette.