Petrol Balcony color palette — #EDF3F7 · #D8D7E1 · #C2B9CA · #3A7CA5 · #252D34

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

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D8D7E1): bright and airy, almost weightless.
• Ash (#C2B9CA): A luminous, dusty violet — the color of a velvet chair.
• Slate (#3A7CA5): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#252D34): 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 Study color palette (#F0F6FC, #D9D9E4, #BFBDCB, #567896, #43484E)
• Patina Indigo color palette (#F0F1F8, #E3D2E4, #C8B8D4, #6E5BAC, #212433)
• Powder Study color palette (#E5F4FF, #A2B2D2, #8A82A2, #466960, #25403B)
• Wandering Navy Loft color palette (#E9F0F8, #9AA0AE, #787896, #003763, #00040E)
• Tempered Olive Quarry color palette (#FBEEF2, #98BEA6, #6E7D3E, #465570, #192C20)
• Tempered Aubergine Station color palette (#E7E8F2, #CDC8D9, #AE9CB4, #634288, #14151E)
• Aged Indigo color palette (#E1F8ED, #5BA6CB, #6A5BB1, #4A4905, #142435)
• Worn Lilac Lantern color palette (#EAF3FF, #83EFFF, #90B6FF, #A96CBC, #161C39)

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