Petrol Balcony color palette — #EDF8F2 · #E8D3A8 · #5DA0B4 · #176E83 · #15261D

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EDF8F2): bright and airy, almost weightless.
• Wheat (#E8D3A8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Blue Fog (#5DA0B4): A luminous, dusty blue — the color of deep harbor water.
• Teal (#176E83): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#15261D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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

• Tempered Petrol color palette (#FAF2F8, #EAD2A2, #7E94C8, #4D6194, #291E27)
• Timeworn Harbor color palette (#EAFAF3, #E6B8A7, #447995, #1B485E, #12261F)
• Chalky Mustard Ridge color palette (#D0ECE2, #E9B63C, #0087C9, #00537E, #00111F)
• Hushed Amber Bloom color palette (#D1E4DB, #BC8E00, #006181, #002D3E, #000204)
• Weathered Periwinkle Market color palette (#F8F3F8, #E0D7D8, #BDB0A8, #81AFE6, #4C454C)
• Weathered Bronze Ridge color palette (#ECF8F4, #76B6DD, #CE7E7C, #937B00, #24321E)
• Azure Summit color palette (#EFF7F4, #A3DEFF, #C599E1, #05AFED, #301E24)
• Weathered Villa color palette (#EAD8E2, #D3B473, #7269CA, #443A87, #190211)

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