Petrol Balcony color palette — #C5E8D9 · #00749F · #043458 · #0E191D · #000810

Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Celadon Mist (#C5E8D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#043458): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#0E191D): a grounded near-black with real depth.
• Ink (#000810): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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 Azure Hollow color palette (#D5E7F7, #0399EC, #3C5A86, #0C3856, #000A06)
• Twilit Onyx color palette (#D3EFE2, #005B7A, #061143, #07171A, #000305)
• Iris Atelier color palette (#F7DBED, #8A95FF, #67608B, #383D69, #1A0C18)
• Tempered Terrace color palette (#EFF0DE, #7DBCC2, #0093A6, #006D68, #00171E)
• Ultramarine Thicket color palette (#F7DFF3, #2A4CC8, #1C184B, #0F0206, #000010)
• Feathered Violet Summit color palette (#EFDAE5, #8B6FFA, #5B4976, #432436, #090207)
• Weathered Coast color palette (#F8EEF8, #8BBAF6, #877583, #5E4F5F, #1B2421)
• Hushed Summit color palette (#F2DFE3, #CE90D8, #8A6467, #5C4147, #1F1518)

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