Petrol Balcony color palette — #F8F3F9 · #E2D8D8 · #CABCB7 · #4E78A2 · #4C454D

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Silver (#E2D8D8): bright and airy, almost weightless.
• Stone (#CABCB7): a calm mid-gray that lets other colors speak.
• Slate (#4E78A2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#4C454D): a grounded near-black with real depth.

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

• Tempered Cobalt Balcony color palette (#EEF2F8, #D8D6DF, #C0B9C7, #4F76AB, #262D34)
• Antique Grape Delta color palette (#FFF1F6, #E4D6CF, #D1B5AB, #7D51AA, #4F3841)
• Timeworn Ultramarine color palette (#FCF2F9, #E6CAD3, #C89998, #374DB8, #412A3C)
• Patina Indigo color palette (#F3DDEA, #6665BA, #442A2E, #271B22, #061315)
• Muted Basalt Drift color palette (#FFF3E7, #BEAE86, #637C56, #704F58, #533F00)
• Abyss Alley color palette (#E7FCE7, #BAA4BA, #9E7D86, #5D6C52, #315848)
• Washed Mulberry Lantern color palette (#EEE0E1, #C8B4AE, #A08977, #6C225D, #2B1A1B)
• Patina Navy color palette (#EAE3EA, #B5A4AB, #937779, #01307E, #1E0C1D)

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