Petrol Balcony color palette — #F0F7F3 · #E0D4D2 · #D3B5B7 · #447C94 · #424A46

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

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#E0D4D2): bright and airy, almost weightless.
• Rosewood Mist (#D3B5B7): A luminous, dusty red — the color of late-summer berries.
• Slate (#447C94): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#424A46): quiet, heavy and certain.

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

• Timeworn Petrol Canyon color palette (#ECF3F9, #D6D8E6, #BCBCCA, #487B9B, #262D33)
• Ancient Indigo color palette (#FAF3F7, #E8D5D1, #D7B1B2, #635DB1, #4C3945)
• Chestnut Lantern color palette (#D9F4E6, #C9B1C7, #8C769C, #736416, #555000)
• Worn Abyss Chapel color palette (#E0EAE6, #B2A4AF, #8377A0, #003C5B, #051812)
• Ancient Denim Corridor color palette (#F9F3FA, #DFCCD8, #B49ACC, #005CA2, #3C2D3E)
• Fern Garden color palette (#F6F6E9, #89BD9F, #2E8379, #396453, #394A00)
• Washed Cobalt color palette (#EFDFEE, #3B6FC3, #452836, #261B25, #071313)
• Petrol Atelier color palette (#FCF5E0, #48A5C0, #5B61AA, #555000, #28443B)

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