Petrol Balcony color palette — #DEE7EA · #7C919C · #4A7087 · #003034 · #000202

Slate and Deep Forest set the tone — five colors that lean into sophistication.

The five colors

• Frost (#DEE7EA): bright and airy, almost weightless.
• Slate Blue (#7C919C): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4A7087): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#003034): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000202): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Dusty Pewter color palette (#E5F1E4, #8AA094, #7F6782, #003232, #040C04)
• Hushed Villa color palette (#D8E4E8, #ACBEC9, #7595B8, #004645, #000102)
• Patina Lagoon Pier color palette (#D1EDFE, #008E94, #006A85, #004770, #000102)
• Washed Harbor color palette (#E0E6EF, #96A0B6, #717A9D, #1B2B7A, #010410)
• Denim Chapel color palette (#E4EAEE, #BDCEDB, #92A6BA, #005E78, #0B181F)
• Nightshade Parlor color palette (#EEF2FB, #CCD3EC, #A5A8CB, #4C4AB3, #13192B)
• Moonless Navy color palette (#E4F1FD, #3D5683, #2C2A61, #370025, #080002)
• Tempered Atelier color palette (#EEF2F8, #D7D6DE, #BFB9CD, #5176AA, #272D33)

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