Petrol Balcony color palette — #F7F5ED · #A8B682 · #1575AF · #576900 · #102922

Cerulean and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F5ED): bright and airy, almost weightless.
• Sage (#A8B682): A luminous, dusty green — the color of fresh herbs.
• Cerulean (#1575AF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#576900): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#102922): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Antique Chestnut color palette (#FAF4EA, #C4AD65, #007E84, #735D00, #1A281C)
• Cypress Alley color palette (#F4F6EF, #94D0AE, #5B81A7, #3A7C5B, #21322E)
• Pine Terrace color palette (#EAF4F3, #9ABF9B, #008875, #007A25, #001214)
• Jade Garden color palette (#FFF2EB, #5AAB7A, #007789, #6E3C4A, #324328)
• Pale Emerald color palette (#F4F6ED, #A7D0AF, #00A4A5, #18994A, #162917)
• Frosted Lapis color palette (#EFF9EA, #01BCA2, #5D4BC9, #006456, #2E1124)
• Lagoon Atelier color palette (#E3FFCC, #81C097, #008D81, #005A6B, #004062)
• Aged Cypress color palette (#F4F6EF, #D4DCD9, #B2C3C1, #4E825F, #464940)

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