Blue House with White Trim: Blues, Whites and Ideas to Try

Free sign-up with email or Google. You get 1 free render; free renders are watermarked.

A blue house with white trim is a classic look, from a soft light blue to a deep navy. Below are the blues and trim whites named on the design pages we read, how dark to go, and two AI examples that show what the model changed. Then try it on a photo of your house.

Blue house exterior ideas

Before and after examples

Example images are AI-generated: both the sample houses and their redesigns. Results change from render to render, so treat them as concepts, not exact product matches.

AI-drawn stand-in of a two-story beige vinyl colonial house with beige trim, beige shutters, a front porch and a dark roof — Example 1 (prompt 1 below; the before is an AI-drawn stand-in house, not a real photo): the beige siding became a medium slate blue, and the trim, the window casings and the corner boards turned bright white. The roof, the front door, the porch, the plants and the lawn stayed. What it changed that we did not ask for: the beige shutters turned white too, so they now blend with the trim. We ran the request once.

The same colonial with medium slate blue siding and bright white trim, window casings and corner boards; the roof — Example 1 (prompt 1 below; the before is an AI-drawn stand-in house, not a real photo): the beige siding became a medium slate blue, and the trim, the window casings and the corner boards turned bright white. The roof, the front door, the porch, the plants and the lawn stayed. What it changed that we did not ask for: the beige shutters turned white too, so they now blend with the trim. We ran the request once.

AI-drawn stand-in of a gray cape cod house with gray trim, gray shutters, two dormers and a dark shingle roof, before — Example 2 (prompt 2 below; the before is an AI-drawn stand-in house, not a real photo): the gray siding became a deep navy, and the trim and window casings turned white. The roof, the dark front door, the walk and the lawn stayed. What it got wrong: the left dormer turned white all over instead of navy with white trim, so the two dormers no longer match, and the shutters came out a light gray-blue. We ran the request once.

The same cape cod with deep navy siding and white trim; one dormer is navy and the other came out white — Example 2 (prompt 2 below; the before is an AI-drawn stand-in house, not a real photo): the gray siding became a deep navy, and the trim and window casings turned white. The roof, the dark front door, the walk and the lawn stayed. What it got wrong: the left dormer turned white all over instead of navy with white trim, so the two dormers no longer match, and the shutters came out a light gray-blue. We ran the request once.

How to use this page

Pick how dark the blue should be first, then the white. A deep navy with white is strong contrast; a light blue with white is soft.

The names are examples, not a ranking. They come from the pages listed under Sources, with the codes shown there. We found no sales data on which blues are most used.

Blues named on the pages we read

Blue	What the page shows	Source
Benjamin Moore Hale Navy (HC-154)	A cool navy, shown with white trim; trims named for it include Chantilly Lace, White Dove and Alabaster.	brick&batten
Sherwin-Williams Naval (SW 6244)	A near-black navy, shown with Simply White trim.	brick&batten
Sherwin-Williams Bravo Blue (SW 6784)	A lighter blue on the same blue exterior list, shown with white.	brick&batten
Benjamin Moore Palladian Blue (HC-144)	A soft light blue on the same list, with white accents.	brick&batten
James Hardie Evening Blue	A fiber cement siding color, shown with Arctic White trim.	James Hardie

Navy, mid or light blue?

Navy. The strongest contrast with white. It shows every white part clearly, so the trim should be in good shape.
Mid and slate blues. A middle path that looks blue from the street without reading dark. Our first example is a slate blue.
Light blues. A soft look; a crisp white trim keeps a pale blue from looking washed out.

For shutters, doors and the trim itself, see shutter colors, front door colors and exterior trim colors. If you want more contrast than white gives, see blue house with black trim.

How to try it on your house

Upload a clear daytime photo of the front of your house in the tool at the top of this page, or use the AI exterior design tool.
Name the blue and each white part, for example "siding deep navy, trim, window casings and corner boards bright white".
Say what stays: the roof, the door, the windows and the shutters if you want to keep them.
Check the dormers and shutters. Our second example turned one dormer white. Run it again with a clearer prompt if it does.

Two examples, and what the AI changed

The examples were run directly on an image model, not through the tool above, so your results will look different. The live tool may use a different model and settings from the ones we used (we used 4 processing steps). The colors are the model's reading of plain color words, not any named paint.

Beige colonial to slate blue. Example 1 got the blue and the white trim, but also turned the shutters white.
Gray cape cod to navy. Example 2 got the navy and the white trim, but painted one dormer white.

The exact prompts behind the examples

These are the edit prompts, word for word. Change the color words and the parts to suit your house.

Prompt 1: slate blue colonial with white trim

Paint only the siding a medium slate blue and the trim, window casings and corner boards bright white. Keep the roof, the front door, the windows, the lawn, the plants, the sky and the camera angle exactly the same

Prompt 2: navy cape cod with white trim

Paint only the siding a deep navy blue and the trim, window casings and dormer trim bright white. Keep the roof, the front door, the windows, the lawn, the plants, the sky and the camera angle exactly the same

Sources

We opened these pages and paraphrased them; none of their images or sentences are used. Paint names and codes are as shown on these pages.

brick&batten, "12 Blue Exterior House Colors We Love": https://www.brickandbatten.com/blue-exterior-house-colors/. brick&batten sells exterior design services.
brick&batten, "12 of Our Favorite Navy Blue House Designs": https://www.brickandbatten.com/navy-blue-house-designs/.
brick&batten, Hale Navy review: https://www.brickandbatten.com/review-hale-navy-benjamin-moore/.
brick&batten, Sherwin-Williams Naval article: https://www.brickandbatten.com/sherwin-williams-naval/.
James Hardie, siding and trim color combinations blog: https://www.jameshardie.com/blog/siding-and-trim-color-combinations-to-elevate-your. James Hardie makes and sells siding.

Who this is for

Owners who want a classic blue house with white trim and want to see navy, mid and light blues on their own house before they buy samples.

More exterior color ideas

See blue house exterior ideas, blue house with black trim, gray house with white trim, siding and trim color combinations and the exterior paint visualizer.

Frequently asked questions

Which blue looks best with white trim?

There is no single best one. brick&batten names deep navies such as Benjamin Moore Hale Navy and Sherwin-Williams Naval (SW 6244), and lighter blues such as Sherwin-Williams Bravo Blue (SW 6784) and Benjamin Moore Palladian Blue (HC-144). James Hardie shows its Evening Blue siding with Arctic White trim. Try two or three on your photo.

Which white should I use for the trim?

The pages we read name several. brick&batten pairs Hale Navy with Chantilly Lace trim and names White Dove and Alabaster as trims for it, and shows Naval with Simply White trim. A crisp white gives the most contrast with navy; a softer white can look better with a light blue. Test the white next to your blue in daylight.

Is navy with white trim too dark?

Navy with white trim reads as high contrast, so the white does the work of keeping it from looking heavy. If your house gets little light, a mid blue may look less dark from the street.

What front door color goes with a blue house and white trim?

It depends on the blue. Our examples kept a red door and a dark teal door. Try two or three door colors on your photo, and see our front door colors page for ideas.

Can I see blue siding with white trim on my own house?

Yes. Upload a photo in the tool at the top of this page, name the blue and each part you want white, and list what must stay. Our examples show the model can change parts you did not ask for, so check the dormers and shutters.

Is this tool free, and do I need an account?

Signing up is free and gives you 1 free render. Free renders carry an AiExterior watermark. You need to sign in with an email code or your Google account before a render starts. If you want more renders or clean images, paid plans are on the pricing page.

Try it on your own house

Try blue and white on your photo