Petrol Balcony color palette — #FFF2EE · #EC979B · #68AF8D · #007EA3 · #371C14

A conversation between Cerulean and Rose Quartz, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Rose Quartz (#EC979B): A luminous, balanced red — the color of late-summer berries.
• Jade (#68AF8D): A luminous, balanced teal — the color of sea glass.
• Cerulean (#007EA3): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#371C14): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Ancient Denim color palette (#FFF2EC, #E79087, #009B7D, #02649F, #2D1117)
• Mallow Atelier color palette (#FFF1F3, #DB98D6, #93A768, #008575, #351C20)
• Cobalt Ridge color palette (#FFF2E9, #EEB495, #6DBEC3, #6381BE, #36302C)
• Tempered Amber color palette (#FFF4E2, #F4BE9F, #A98F3C, #006E89, #36312B)
• Wandering Lapis color palette (#FFF3E5, #E19300, #00A1CA, #554ED5, #291700)
• Mallow Atelier color palette (#FFF1F6, #CAA5FA, #46BEDD, #8289CE, #422B34)
• Feathered Ember color palette (#FFF2EB, #F4550D, #009287, #0054A0, #1D0400)
• Peony Chapel color palette (#F8EEFD, #D15385, #00839C, #005C6F, #201526)

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