Petrol Balcony color palette — #F5EDE2 · #71C1C0 · #007584 · #00523E · #003343

Teal and Mint Leaf set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Mint Leaf (#71C1C0): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007584): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00523E): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Teal (#003343): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Wandering Field color palette (#F3E6E0, #9FBD9E, #00788E, #004E2F, #001827)
• Denim Bloom color palette (#F4EBDB, #5FABBF, #005F82, #003E3C, #00213B)
• Patina Petrol Field color palette (#F3EEE5, #8BB7DA, #3968AC, #004D5D, #232B4E)
• Worn Turquoise color palette (#E7F1EF, #A8DDEC, #28B9C3, #009381, #00353C)
• Hushed Archive color palette (#F7EAF3, #9ACEDD, #2295AE, #007046, #00324C)
• Ash Drift color palette (#F9F4ED, #C2EFE5, #6AA3B2, #617654, #395046)
• Wandering Cerulean color palette (#EBE1D0, #338E9F, #004358, #002320, #000A16)
• Washed Cerulean Corridor color palette (#FAF4EB, #B3E5FC, #5F90B6, #1C6E75, #553F55)

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