Petrol Balcony color palette — #F1F3EB · #BCEAE9 · #76A3BD · #3B7581 · #253B35

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Honeydew (#BCEAE9): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#76A3BD): A luminous, dusty blue — the color of deep harbor water.
• Teal (#3B7581): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#253B35): A deep, shadowed, dusty teal — the color of sea glass.

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

• Dusty Ash color palette (#F0F3EB, #C0E6EB, #AF90B1, #4D7565, #40303F)
• Patina Turquoise color palette (#E3E6D7, #38ABCD, #006181, #00383F, #000C17)
• Aged Petrol color palette (#E9EADF, #6BC4C8, #007986, #004C46, #001A20)
• Petrol Study color palette (#F1F7F2, #D6DEEF, #7E9DB8, #447787, #42546A)
• Navy Terrace color palette (#EBF0E0, #407FA7, #003E69, #001E28, #000105)
• Ancient Lagoon color palette (#FBF4EF, #C5DFEB, #C4A5C5, #5B9387, #614B58)
• Cobalt Delta color palette (#EEF5E3, #ABD4FF, #4882D8, #005C83, #152346)
• Muted Blush Market color palette (#FFEDEA, #D28093, #B38344, #7E6E9E, #34221F)

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