Petrol Balcony color palette — #ECF3F8 · #D6D4E0 · #B4B4D0 · #156D95 · #182229

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF3F8): bright and airy, almost weightless.
• Silver (#D6D4E0): bright and airy, almost weightless.
• Ash (#B4B4D0): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#156D95): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#182229): 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

• Petrol Pier color palette (#EFF6FC, #D8D8E4, #ADB3C3, #3E688A, #343C43)
• Washed Nightshade color palette (#ECF2FE, #D3D1E6, #B9A1C6, #4D4AB1, #12192D)
• Antique Driftwood color palette (#D3E6EA, #91ACC7, #896C98, #2F5C43, #002F2F)
• Patina Cerulean Coast color palette (#EFF7F5, #E1D3D0, #A7A79C, #4A90C6, #22322D)
• Navy Station color palette (#E9EEF4, #ADB3C4, #8E89A5, #004676, #030B15)
• Twilit Meadow color palette (#D8E2F1, #3D59C3, #32183C, #030C1E, #000205)
• Muted Aubergine color palette (#E7E8F3, #91899C, #796279, #36105C, #010106)
• Hazy Boulevard color palette (#D8F0E4, #009AB7, #6146A2, #3D3B00, #04192C)

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