Petrol Balcony color palette — #F8F0E9 · #BDE7DB · #798CBE · #0A6A77 · #3E2131

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8F0E9): a clean, paper-quiet neutral.
• Celadon Mist (#BDE7DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#798CBE): A luminous, dusty violet — the color of wild irises.
• Peacock (#0A6A77): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#3E2131): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Creativity, 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 Cypress Boulevard color palette (#FBEFEA, #ADE8EF, #5C96AF, #206D56, #03342C)
• Patina Cypress color palette (#FCF2F5, #C5E0F9, #7987BC, #047072, #424467)
• Cornflower Parlor color palette (#FCEFE3, #A1D7FF, #4F7FDD, #006169, #221E46)
• Denim Harbor color palette (#F8E8E0, #5AA9BC, #005F89, #003A32, #000922)
• Feathered Pier color palette (#FFEDE9, #E25770, #009389, #007988, #2C1813)
• Muted Field color palette (#EBF8F8, #DBDDE7, #94BDF8, #5989A4, #2F405A)
• Softworn Cerulean color palette (#F3E4D8, #1883AC, #003C70, #001F1F, #01000B)
• Aqua Villa color palette (#FFEEE6, #42D0E4, #007CA5, #005342, #001A37)

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