Petrol Balcony color palette — #EBF4F0 · #96CCE4 · #B06B7A · #1F7C9D · #1E1210

Built around Cerulean, softened by Mocha — the whole palette hums with trust and stability.

The five colors

• Cream (#EBF4F0): bright and airy, almost weightless.
• Sky (#96CCE4): A luminous, dusty blue — the color of deep harbor water.
• Mocha (#B06B7A): A luminous, balanced red — the color of a theater curtain.
• Cerulean (#1F7C9D): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#1E1210): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication. Tagged duotone, 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

• Cypress Balcony color palette (#EFF3ED, #8CD4C1, #A27097, #2F8270, #201113)
• Cobalt Quarry color palette (#F7EFF4, #DDB5D1, #AB7456, #616BAE, #1F130A)
• Dusty Cerulean Garden color palette (#EFF6FB, #A6DAF1, #C6888E, #2899C1, #362837)
• Forest Dune color palette (#F0F4E3, #80B4CE, #836E98, #2F5E3E, #352734)
• Onyx Loft color palette (#D3FEE6, #A8BBE3, #8D7BA8, #6C3E63, #500E25)
• Pale Lagoon color palette (#E3F7F2, #59ACFE, #BA313A, #005DA2, #1B0001)
• Patina Cabin color palette (#F6EFF5, #E0D4D3, #B6AFA3, #7083A8, #3B3439)
• Patina Driftwood color palette (#FBEEEF, #AE7897, #8B5D77, #5F411E, #0D1E17)

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