apprentice
artistsserieslearnchatartworkscommunity galleryblog
apprentice

deliberate practice for serious artists

writingsourcesmethodsaboutgalleryprivacyterms
built by reducibl.com
home·artworks·The Mansard Roof
The Mansard Roof by Edward Hopper

plate no. 1184

The Mansard Roof

Edward Hopper, 1923

watercolor, paperNew Realismcityscapebuildinghousearchitecturetreesskywindows

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

itempurposemodern 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 penFor 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→first pass→refining→finishing

underdrawing

  1. 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

  1. 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

  1. 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

  1. 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

  • →Overworking the paper: Watercolor is unforgiving, and excessive handling can lead to muddy colors and loss of transparency (Source 2).
  • →Ignoring the importance of light and shadow: Failing to emphasize the contrast between light and dark areas can result in a flat, unengaging composition (Source 3).
  • →Neglecting preparatory sketches: Hopper’s methodical approach relied on thorough preparation; skipping this step can lead to compositional imbalances (Source 3).

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.

  • ·Specific pigment mixes used by Hopper for The Mansard Roof are not detailed in the sources.
  • ·The exact dimensions and scale of the original watercolor are not provided.
  • ·Details about the specific lighting conditions (time of day, weather) during the painting’s creation are not explicitly stated, though inferred from the emphasis on sunlight and shadow.

grounded in

The technical procedure in this guide traces to the following classical art-instruction texts.

  • The Science of Painting — CHAPTER XIII. WATER COLOURS↗

    • Water Colours — applied to Materials, surface prep, step-by-step process, critical techniques

cross-referenced from

Named facts about this artwork and artist were checked against these reference pages.

  • Wikipedia bio — Edward Hopper — part 6↗

    • Breakthrough in 1923 — applied to Overview, color palette, critical techniques
  • Wikipedia bio — Edward Hopper — part 9↗

    • Methodical approach — applied to Underdrawing, composition notes, step-by-step process
  • Wikipedia: Contour drawing — Contour drawing — part 1↗

    • Contour drawing — applied to Underdrawing, step-by-step process

Read more about the corpus on the sources page and how the guides are built on the methods page.

read from the painting

observed from the image, not the label
6 dominant colors, measured

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

  1. 01

    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.

  2. 02

    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.

  3. 03

    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.

  4. 04

    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.

  5. 05

    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.

  6. 06

    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.

  7. 07

    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.

  8. 08

    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.

  9. 09

    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

  • Rendering the windows with detail or making them too light—they must read as nearly black silhouettes to create the dramatic contrast with the white balustrade. Resist adding pane detail.
  • Over-detailing or over-rendering the foliage. The vegetation on both sides should feel loose and suggest volume through value, not through intricate brushwork. Simplify to masses.
  • Misaligning the mansard roof angle or making it symmetrical when it has subtle asymmetry. This distinctive roofline defines the entire composition—get its silhouette right early.
  • Making the white balustrade too grey or too thin. It's the focal point and should read as a solid, bright, confident white rectangle contrasting sharply against the dark windows behind it.
  • Forgetting that the front-facing wall is nearly as dark as the roof in shadow. Don't lighten it significantly or the building will feel flat and the balustrade will lose its punch.

measured difficulty

beginner friendliness
value contrast
palette complexity
compositional simplicity
brushwork visibility

tips & new artworks in your inbox

no spam — unsubscribe anytime.

or to save artworks, chat, and track progress

related guides

watercolor techniques →how to learn by studying the masters →
chat about this artwork

in this vein

related artworks

Delta Farms

Delta Farms

Wayne Thiebaud

House by the Railroad

House by the Railroad

Edward Hopper

Spring Planting, Greenwich Village

Spring Planting, Greenwich Village

John French Sloan

Renganeschi's Saturday Night

Renganeschi's Saturday Night

John French Sloan

Fishing Port, Gloucester

Fishing Port, Gloucester

John French Sloan

American Landscape

American Landscape

Charles Sheeler

Grain Elevators

Grain Elevators

Charles E. Burchfield

Girl at a Sewing Machine

Girl at a Sewing Machine

Edward Hopper