
plate no. 1184
Edward Hopper, 1923
what to study here
It shows how a three-value structure and a contrast between crisp architecture and loose foliage can organize a watercolor cityscape.
Start with the value structure. The visionGuide describes three zones: near-black window openings and roof shadow, a near-white balustrade, shutters and frames, and mid-tone foliage and wall planes. Squint and the building reads as a dark mass with a light frame attached to its front. The white balustrade sits directly against the dark window openings, so that contrast pulls the eye first, along with the yellow awning. Then the eye moves up to the mansard silhouette. Note the difference in edges: the balustrade, shutters and window frames are crisp and constructed, while the foliage is loose, with soft edges where it meets the sky. The roof keeps a sharp profile but its surfaces use soft directional strokes to suggest volume without detail. Light comes from the upper left and throws sharp shadows to the right. The sky is a uniform pale blue-grey, which keeps the background quiet. The two terracotta chimneys and the yellow awning are the warm notes in an otherwise cool palette. Study how few values and how little detail carry the building.
key decision
The painter set the white balustrade against nearly black window openings, so the brightest and darkest values meet at the focal point. Windows are treated as flat dark shapes rather than detailed spaces.
recreation guide
The Mansard Roof (1923) marks a pivotal breakthrough in Edward Hopper’s career, representing his transition from illustration to fine art through the medium of watercolor. This work is distinctive for its focus on American urban architecture, specifically the interplay of light and shadow on structural elements like mansard roofs, which Hopper found visually compelling due to the 'wonderful shadows' they cast (Source 1). The painting exemplifies Hopper’s 'soft' realism, which simplifies shapes and details while using saturated color to heighten contrast and create mood (Source 3). It reflects his methodical approach, where the composition is fully worked out in the mind before execution, resulting in a scene that balances geometric design with atmospheric effect (Source 3).
estimated time
20-30 hours over 5-7 sessions
materials
4 items
steps
4 in sequence
materials
| item | purpose | modern equivalent |
|---|---|---|
| High-quality watercolor paper (linen rag or cotton) | To support washes without warping or staining; sources emphasize paper made from linen rags or high-quality cotton, properly sized to prevent irregular absorption (Source 2). | 300lb cold-press cotton watercolor paper (e.g., Arches, Saunders Waterford) |
| Watercolor paints (gum-arabic based) | To create transparent washes and opaque body colors as needed; Hopper used watercolors to capture vitality and directness (Source 1, Source 2). | Professional grade tube watercolors |
| Pencil and pen | For preparatory sketches and contour drawing; Hopper’s notebooks contain high-quality pen and pencil sketches used to work out compositions (Source 3). | Graphite pencils (HB-2B) and fine-liner pens |
| Brushes (various sizes) | To apply washes and details; watercolor technique requires brushes capable of handling both broad washes and fine lines (Source 2). | Hog bristle and synthetic watercolor brushes |
preparation
surface prep
Ensure the paper is dry and free from dampness, as dampness can cause sizing to ferment and decompose, leading to stains (Source 2). The paper should be properly sized to prevent it from being too absorbent, ensuring even distribution of the sizing within the paste rather than just on the surface (Source 2). Hopper likely used high-quality paper suitable for his meticulous watercolor work, which was exhibited at the Brooklyn Museum (Source 1).
underdrawing
Hopper was a slow and methodical artist who often made preparatory sketches to work out his carefully calculated compositions (Source 3). He likely began with pencil or pen sketches to establish the geometrical design and placement of architectural elements, focusing on the outline and mass of the subject rather than minor details (Source 8). The underdrawing should emphasize the contour and volume of the mansard roof and surrounding structures, serving as a foundation for the subsequent washes (Source 8).
underpainting
In watercolor, the 'underpainting' is often achieved through initial transparent washes that establish the basic values and colors. Hopper’s technique involved using washes to create depth and mood, with the paper reserved for lights (Source 2). The initial layers should be light and transparent, allowing for subsequent layers to build up intensity and contrast (Source 2).
color palette
Saturated warm tones
Yellow ochre, burnt sienna, cadmium red
To capture the sunlight on the side of the house, which Hopper described as his favorite subject (Source 1). Hopper used saturated color to heighten contrast and create mood (Source 3).
Deep cool shadows
Ultramarine blue, burnt umber, black
To define the shadows cast by the mansard roof and architectural details, emphasizing the 'wonderful shadows' Hopper admired (Source 1). The effective use of light and shadow is central to his method (Source 3).
Neutral tints
Payne’s gray, raw umber
General use in establishing mid-tones and atmospheric perspective, consistent with watercolor traditions of using neutral tints for sketches and washes (Source 2).
composition
Hopper paid particular attention to geometrical design and the careful placement of elements in proper balance with their environment (Source 3). The composition of The Mansard Roof likely emphasizes the strong horizontal and vertical lines of the architecture, creating a sense of order and stability. The use of light and shadow plays a symbolically powerful role, with bright sunlight casting deep shadows that define the form and mood of the scene (Source 3). The composition should avoid clutter, focusing on the essential shapes and the interplay of light and dark areas (Source 4).
step by step
underdrawing
step 01
Create a detailed pencil or pen sketch of the mansard roof and surrounding architecture, focusing on the contour and mass of the structures. Use light lines to suggest distance and darker lines for areas in shadow (Source 8).
Tip — Ensure the geometric proportions are accurate, as Hopper was meticulous about composition (Source 3).
Contour drawing
first pass
step 02
Apply light, transparent washes to establish the basic values and colors of the scene. Reserve the paper for the brightest highlights, particularly where sunlight hits the roof and walls (Source 2).
Tip — Work from light to dark, allowing each layer to dry completely before adding the next to prevent muddiness (Source 2).
Wash technique
refining
step 03
Build up the shadows and mid-tones with additional layers of paint. Use saturated colors to enhance the contrast between light and shadow, emphasizing the 'wonderful shadows' cast by the mansard roof (Source 1).
Tip — Pay attention to the edges of the shadows, ensuring they are crisp and well-defined to maintain the geometric clarity of the composition (Source 3).
Layering
finishing
step 04
Add final details and adjustments to the highlights and shadows. Use opaque body colors if necessary to correct or enhance specific areas, but maintain the overall transparency and vitality of the watercolor medium (Source 2).
Tip — Step back frequently to assess the overall balance of light and shadow, ensuring the mood of the scene is conveyed effectively (Source 3).
Glazing and opacity
critical techniques
Use of light and shadow
Hopper used bright sunlight and the shadows it casts to create mood and symbolic power, similar to the cinematography of film noir (Source 3). In The Mansard Roof, this technique highlights the architectural details and creates a sense of depth and atmosphere.
Geometrical composition
Hopper’s attention to geometrical design and the careful placement of elements ensures a balanced and harmonious composition (Source 3). This is evident in the structured arrangement of the mansard roof and surrounding buildings.
Watercolor washes
Hopper utilized transparent washes to capture the vitality and directness of the scene, with the paper reserved for lights (Source 2). This technique allows for a luminous quality that enhances the realism of the painting.
common pitfalls
what the sources don't tell us
Where the corpus is silent, we say so rather than guess. These are the gaps a complete recreation guide would normally cover that our source passages don't.
grounded in
The technical procedure in this guide traces to the following classical art-instruction texts.
The Science of Painting — CHAPTER XIII. WATER COLOURS↗
cross-referenced from
Named facts about this artwork and artist were checked against these reference pages.
Wikipedia bio — Edward Hopper — part 6↗
Wikipedia bio — Edward Hopper — part 9↗
Wikipedia: Contour drawing — Contour drawing — part 1↗
Read more about the corpus on the sources page and how the guides are built on the methods page.
what the eye sees
Light rakes from the upper left across a residential building with a distinctive mansard roof, creating sharp shadows on the right side of architectural elements. The composition centers on a white balustrade in the foreground, which provides maximum contrast against the dark window openings directly behind it. Rich foliage masses anchor both sides—dark dense vegetation on the left, lighter climbing ivy on the right—while two terracotta chimneys punctuate the roofline. The eye settles first on the white railings and yellow awning, then moves upward to the geometric mansard silhouette that dominates the upper composition.
value structure
The painting operates in three distinct value zones: very dark (nearly black windows and deep roof shadows in the #2a3a46–#456970 range), very light (white balustrade and shutters approaching white paper), and mid-tones (the foliage, roof surfaces, and wall planes). When squinting, the building reads as a dark mass with a light frame attached to its front. The sky is uniformly pale blue-grey (#bccad2), providing neutral background for both architectural and organic shapes.
observed palette and mixes
#2a3a46
Ultramarine Blue + Alizarin Crimson (slight) to darken
Mansard roof primary tone, deepest window shadows
#456970
Cerulean Blue + touch of Raw Umber
Dark window openings, roof shaded planes
#bccad2
Cerulean Blue + light wash of Titanium White, barely tinted
Sky, pale background throughout
#8ba09e
Ultramarine Blue + Raw Sienna + white (grey-blue)
Roof surface mid-tones, wall shadows
#dcded7
Titanium White + touch of Cerulean (barely visible tint)
White balustrade, shutters, window frames, highlights
Warm yellow
Cadmium Yellow Light + touch of Raw Sienna
Awnings on the balcony
Terracotta-orange
Cadmium Orange + Alizarin Crimson
Chimneys at roofline
Forest and blue-green
Viridian Green + Ultramarine Blue (dark areas); Viridian + Cadmium Yellow Light (lighter foliage on right)
Dense vegetation left side, climbing ivy right side
edges and brushwork
Architectural elements—the white balustrade, shutters, and window frames—have crisp, controlled edges that read as constructed forms. The foliage is handled more loosely with soft, blurred edges where vegetation masses meet sky; individual shapes are suggested rather than defined. The mansard roof has a sharp profile despite its geometric complexity, while roof surfaces show soft directional brushwork that suggests volume without detail.
a working sequence
Sketch and establish proportion
Lightly pencil the main structure: establish the mansard roof's distinctive angle (wider base, peaked center with slight asymmetry), the balcony rectangle below, and rough positions of window grid and chimneys. Pay attention to the roof height relative to the white balustrade—this relationship defines the composition. Indicate foliage masses as loose shapes framing left and right.
Lay the sky wash
Mix a very pale blue-grey (Cerulean + minimal white, dilute). Apply a flat, even wash across the entire sky area in one or two passes, working wet-on-dry paper. This cool, neutral background will make your warmer and darker values sing. Leave it to dry completely.
Block in foliage masses
On the left, apply dark blue-green (Ultramarine + Viridian, rich and dark) loosely to suggest dense vegetation. Suggest form with shadow, not detail—let the brushstrokes follow organic shapes. On the right side, use a lighter, more yellowish green (Viridian + Cadmium Yellow Light) for the climbing ivy. Keep edges soft where foliage meets sky; leave some white paper showing through for liveliness.
Establish the mansard roof
Paint the roof as a single shape in dark blue-grey (#2a3a46 equivalent: Ultramarine + Alizarin). Use the shape to establish the building's geometric character—this silhouette is critical. Apply the color flat, but suggest the two roof planes meeting at the peak with a slightly lighter value on the front-facing side. Let this dry before detailing.
Paint the white structural elements
This is crucial for value contrast. Paint the balustrade, shutters, and visible window frames with nearly pure white (Titanium White with barely a whisper of Cerulean if needed for cohesion). The balustrade especially should read as bright and solid. Use clean brushstrokes—these are constructed, not organic shapes. This layer creates the focal point.
Render the window openings as solid darks
The windows are silhouettes, not detailed spaces. Mix a very dark blue-black (Ultramarine + Alizarin + touch of Raw Umber) and fill the window shapes with a flat, solid value. They should read nearly as dark as the deepest shadows on the roof—this darkness is essential for the white balustrade to pop. Resist the urge to add panes or detail.
Paint the yellow awning and warm accents
The yellow awning (Cadmium Yellow Light warmed with Raw Sienna) is one of the few warm notes—place it with confidence directly above the dark windows. Paint the chimneys in warm terracotta (Cadmium Orange + Alizarin Crimson) at the roofline peak. These warm accents enliven the cool-dominated palette.
Define the wall planes and roof surfaces
Use a grey-blue (Ultramarine + Raw Sienna + white) to suggest the planes of the building—the front face and shadowed sides. Keep this layer subtle; the white balustrade is doing the heavy lifting for value contrast. Vary the roof's surface slightly with a slightly lighter mix to suggest the direction of planes meeting at the peak.
Final refinement and edge work
Step back and assess. Sharpen the roofline edge where it meets sky if needed—this silhouette must read clearly. Deepen any weak shadows behind or beside the balustrade. Add final touches to foliage if they feel too thin, but resist over-rendering. The looseness of the vegetation should contrast with the precision of the architecture.
where studies of this painting go wrong
measured difficulty
tips & new artworks in your inbox
no spam — unsubscribe anytime.
or to save artworks, chat, and track progress
in this vein

Delta Farms
Wayne Thiebaud

House by the Railroad
Edward Hopper

Spring Planting, Greenwich Village
John French Sloan

Renganeschi's Saturday Night
John French Sloan

Fishing Port, Gloucester
John French Sloan

American Landscape
Charles Sheeler

Grain Elevators
Charles E. Burchfield

Girl at a Sewing Machine
Edward Hopper