Petrol Balcony color palette — #E7EBE0 · #8FBFB1 · #396DA7 · #004761 · #00113C

Slate and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#E7EBE0): a clean, paper-quiet neutral.
• Mint Leaf (#8FBFB1): A luminous, dusty teal — the color of sea glass.
• Slate (#396DA7): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004761): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#00113C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Softworn Petrol color palette (#E9EADF, #78C2C7, #007988, #004C47, #001A21)
• Worn Cobalt color palette (#EEF5DF, #76C5F9, #0076C1, #004E65, #00193B)
• Cobalt Basin color palette (#E3F2F1, #A8C8E5, #4089D6, #006789, #0F2B5B)
• Aged Lilac Veranda color palette (#FAE2F8, #B0C0FF, #9F93E1, #245C8E, #0D1635)
• Weathered Lagoon color palette (#E2E3D1, #3D8589, #00444C, #001F1D, #000202)
• Faded Mulberry color palette (#F3E1F1, #3A66C1, #932491, #005859, #010824)
• Denim Ridge color palette (#D1E2FF, #6391DF, #2351AB, #001F55, #000322)
• Cerulean Parlor color palette (#F1F3EB, #C3E6D0, #4A99B6, #036B72, #073427)

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