Petrol Balcony color palette — #F5F1EB · #C8E2E5 · #819EC8 · #2D7588 · #41303D

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C8E2E5): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#819EC8): A luminous, dusty blue — the color of deep harbor water.
• Teal (#2D7588): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#41303D): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, 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

• Hushed Turquoise color palette (#F5F1EB, #C5E7DD, #4DABBB, #437765, #273B31)
• Ancient Harbor color palette (#FCF2F5, #DADEEF, #8798C6, #407A78, #4D5169)
• Tempered Orchard color palette (#EEE8E0, #85BECC, #00759D, #004B49, #00172B)
• Gentle Denim Grove color palette (#EDE6DB, #64A4CE, #0058A4, #003841, #020230)
• Hushed Lilac Pier color palette (#F3F3E5, #A6BD87, #AD89D5, #617D33, #422832)
• Cerulean Boulevard color palette (#F9F1E3, #94DEE7, #0091B0, #006357, #00293C)
• Azure Bloom color palette (#F3F4DF, #84A96D, #5F90CC, #A96067, #282817)
• Lagoon Balcony color palette (#F0E6D8, #248887, #00444C, #002016, #000202)

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