Petrol Balcony color palette — #F4EBF2 · #83BCC6 · #007299 · #005141 · #002E5B

A conversation between Peacock and Navy, giving this palette its sense of trust and stability.

The five colors

• Blush (#F4EBF2): bright and airy, almost weightless.
• Ash (#83BCC6): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#007299): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005141): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#002E5B): A deep, shadowed, balanced 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

• Petrol Boulevard color palette (#E9EADE, #73C1CE, #00788F, #004B4C, #001923)
• Muted Cobalt color palette (#FCF2F8, #ADCADA, #387FB1, #006058, #293A5C)
• Soft Denim color palette (#EDE1E7, #73A6C1, #0056A4, #003E3E, #15164B)
• Sky Drift color palette (#FBEBE4, #84E4F3, #1CB3EA, #209277, #132F4D)
• Abyss Station color palette (#F4E5EF, #5F9C9A, #005362, #00321B, #001624)
• Cypress Balcony color palette (#F9F3F7, #D5E0F2, #759FBB, #188070, #42546B)
• Ancient Azure color palette (#D0FFFB, #92D4D3, #2BA2D6, #586200, #003E34)
• Hushed Lagoon Study color palette (#BCF4D8, #2AA482, #006443, #003624, #001D15)

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