Shed Colors

Shed Inventory ► Design My Shed ►

Colors are approximations and may vary depending on monitor or display.

Siding and Trim Colors

White Proshed siding and trim color.

White

Cream Proshed siding and trim color.

Cream

Stone Proshed siding and trim color.

Stone

Gray Proshed siding and trim color.

Gray

Charcoal Proshed siding and trim color.

Charcoal

Clay Proshed siding and trim color.

Clay

Wild Grasses Proshed siding and trim color.

Wild Grasses

Green Proshed siding and trim colors.

Green

Buckskin Proshed siding and trim color.

Tan

Shale Proshed siding and trim color.

Shale

Brown Proshed siding and trim color.

Brown

Barn Red Pro-shed siding and trim color.

Barn Red

Buckskin Pro-shed siding and trim color.

Buckskin

Metal Colors

Alamo White Proshed metal color.

Alamo White

Ash Grey Proshed metal color.

Ash Grey

Burnished Slate

Burnished Slate

Charcoal Proshed metal color.

Charcoal

Brown Proshed metal color.

Brown

Rustic Red Proshed metal color.

Rustic Red

Green Proshed metal color.

Green

Textured Burnished Slate Proshed metal color.

Textured Brown - Extra charge

Textured Brown Proshed metal color.

Textured Burnished Slate - Extra charge

Shingle Colors

Pro Shed Natural Wood shingle color.

Natural Wood

Pro Shed Midnight Black shingle color.

Midnight Black

Pro Shed Heather shingle color.

Heather

Pro Shed Rainforest shingle color.

Rainforest

Pro Shed Sienna Blend shingle color.

Sienna Blend

Pro Shed Antique Brown shingle color.

Antique Brown

Pro Shed Oxford Grey shingle color.

Oxford Grey

input:focus, select:focus, textarea:focus { border-color: #0B5387; } a { color: #0B5387; } .radio i, .checkbox i { color: #0B5387; } .radio i:before { background-color: #0B5387; } .button, .btn-default { border-color: #0B5387; background-color: #0B5387; } .button:hover { color: #0B5387; } .page-header-top { background-color: #0B5387; } .page-header-bottom-alt { background-color: #0B5387; } .page-intro:after { background-color: #0B5387; } .page-intro:before { background-color: #0B5387; } .page-content-section-bg { background-color: #0B5387; } .page-content-section-bg:before { background-color: #0B5387; } .page-content-section-border { border-top-color: #0B5387; } .page-footer { background-color: #0B5387; } .block-head-1 { border-bottom-color: #0B5387; } .block-head-1 i { background-color: #0B5387; } .block-head-2:after { background-color: #0B5387; } .block-head-2 i:after, .block-head-2 i:before { background-color: #0B5387; } .block-head-3 { border-bottom-color: #0B5387; } .block-head-3 i:after { background-color: #0B5387; } .block-head-4:after { background-color: #0B5387; } .block-head-7 { border-bottom-color: #0B5387; } .block-head-7:after { background-color: #0B5387; } .page-content-section-bg .block-head-3 i { color: #0B5387; } .main-search button { color: #0B5387; } .main-search button:after { background: #0B5387; } .main-nav li a { color: #0B5387; } .main-nav li a:before { background-color: #0B5387; } .main-nav li ul { background-color: #0B5387; } .main-nav li li:hover > a, .main-nav li li.active > a, #block-newsletter-newsletter-subscribe .form-submit:hover, .block-product-details .add-wishlist .button-alt:hover, .block-product-details-2 .add-wishlist .button-alt:hover { color: #0B5387; } .main-nav .switcher { border-color: #0B5387; background-color: #0B5387; } .main-nav .mega > div { background-color: #0B5387; } #block-newsletter-newsletter-subscribe .form-submit, .btn-primary:hover, .btn-primary:focus, .btn-primary:active { border-color: #0B5387; background-color: #0B5387; } .art-portfolio ol li.active, .ui-slider-horizontal .ui-slider-handle, .ui-slider-horizontal .ui-slider-range, .btn-primary.link { background-color: #0B5387; } .btn-primary, .button:hover, .btn-default:hover, .btn-default:focus, .btn-default:active { border-color: #0B5387; color: #0B5387; } .btn-primary.link:hover, .btn-primary.link:focus, .btn-primary.link:active { color: #0B5387; } } @media screen and (max-width: 767px) { /* phone */ .main-nav ul { background-color: #0B5387; } .main-nav li a { color: #ecf0f1; } .main-nav li ul { background: #e9e9e9; } .main-nav li li { border-top-color: #0B5387; } .main-nav li li a { color: #0B5387; } .main-nav li li a:hover { background-color: #0B5387; color: #fff; } .main-nav li li ul { border-top-color: #0B5387; } .main-nav .mega ul li { border-top-color: #0B5387; } } .slider-revolution .fa:after { background-color: #0B5387; } .slider-revolution .title { border-top-color: 1px solid #0B5387; border-bottom-color: 1px solid #0B5387; } .slider-revolution .button-my { border-color: #0B5387; background-color: #0B5387; } .slider-revolution .button-my:hover { color: #0B5387; } .pagination-1 a:hover { border-color: #0B5387; color: #0B5387; } .pagination-1 .active, .pagination-1 .active:hover { border-color: #0B5387; background: #0B5387; } .pagination-2 a:hover { color: #0B5387; } .pagination-2 .active, .pagination-2 .active:hover { background: #0B5387; } .pagination-3 a:before { box-shadow: inset 0 0 0 1px #0B5387; } .pagination-3 .active:before, .pagination-3 .active:hover:before { background: #0B5387; } .pagination-4 a:hover { border-color: #0B5387; } .pagination-4 .active { border-color: #0B5387; background: #0B5387; } .pagination-5 a { border-color: #0B5387; background-color: #0B5387; color: #0B5387; } .block-benefits div:hover { border-color: #0B5387; background-color: #0B5387; } .block-benefits i { color: #0B5387; } .block-benefits-2 li i { color: #0B5387; } .block-benefits-2 .tabs a:hover { border-color: #0B5387; background-color: #0B5387; } .block-benefits-2 .tabs .active a, .block-benefits-2 .tabs .active a:hover { color: #0B5387; } .block-benefits-3 i { color: #0B5387; } .block-about .button { border-color: #0B5387; color: #0B5387; } .block-about .button:hover { background: #0B5387; color: #ecf0f1; } .block-about .owl-prev:hover, .block-about .owl-next:hover { color: #0B5387; } .block-about-2 .bar { background: #0B5387; } .block-about-2 .value { color: #0B5387; } .block-about-4 .owl-pagination div { border-color: #0B5387; background: #0B5387; } .block-about-5 .owl-prev, .block-about-5 .owl-next { display: inline-block; border-color: #0B5387; background-color: #0B5387; } .block-about-5 .owl-prev:hover, .block-about-5 .owl-next:hover { color: #0B5387; } .block-about-6 .icons a:hover { color: #0B5387; } .block-mission .year { background: #0B5387; } .block-mission .years a:after { border-bottom-color: #0B5387; } .block-recent-works ol li:hover { color: #0B5387; } .block-recent-works ol .active { border-color: #0B5387; background: #0B5387; } .block-recent-works .description { background: #0B5387; } .block-recent-works .description:before { border-right-color: #0B5387; } .block-recent-works-3 h3 { border-top-color: #0B5387; } .block-recent-works-3 .link { border-color: #0B5387; } .block-recent-works-3 .fancybox { background-color: #0B5387; } .block-recent-works-3 .owl-pagination div { border-color: #0B5387; background: #0B5387; } .block-recent-works-4:before { background: #0B5387; } .block-recent-works-4 .fancybox { background: #0B5387; } .block-recent-works-4 .owl-prev:hover, .block-recent-works-4 .owl-next:hover { color: #0B5387; } .block-recent-works-6 a:before { background: #0B5387; } .block-recent-works-6 .owl-prev, .block-recent-works-6 .owl-next { border-color: #0B5387; background: #0B5387; } .block-recent-works-6 .owl-prev:hover, .block-recent-works-6 .owl-next:hover { color: #0B5387; } .block-portfolio ol li:hover { color: #0B5387; } .block-portfolio ol li.active { border-bottom-color: #0B5387; } .block-portfolio ul .pic span:after, .block-portfolio ul .pic span:before { background: #0B5387; } .block-portfolio ul .pic span i { color: #0B5387; } .block-portfolio-2 ol li:hover { color: #0B5387; } .block-portfolio-2 ol li.active { background: #0B5387; } .block-portfolio-2 ul .pic:before { background: #0B5387; } .block-portfolio-2 ul .pic a { background: #0B5387; } .block-portfolio-2 ul .pic a:hover { color: #0B5387; } .block-portfolio-3 ol li:hover { color: #0B5387; } .block-portfolio-3 ol li.active { background: #0B5387; } .block-portfolio-4 h3 { border-top-color: #0B5387; } .block-portfolio-4 .link { border-color: #0B5387; } .block-portfolio-4 .fancybox { background: #0B5387; } .block-portfolio-5 ol li:hover { color: #0B5387; } .block-portfolio-5 ol li.active { background: #0B5387; } .block-portfolio-5 .info:before { background: #0B5387; } .block-portfolio-6 ol li:hover { color: #0B5387; } .block-portfolio-6 ol li.active { background: #0B5387; } .block-portfolio-6 ul a:before { background: #0B5387; } .block-portfolio-7 ol li:hover { color: #0B5387; } .block-portfolio-7 ol li.active { background: #0B5387; } .block-portfolio-7 ul li:before { background: #0B5387; } .block-portfolio-7 ul a:hover { color: #0B5387; } .block-portfolio-8 li div:before { background: #0B5387; } .block-portfolio-8 li a { background: #0B5387; } .block-clients .owl-prev, .block-clients .owl-next { color: #0B5387; } .block-testimonials-3 .carousel h3 { border-bottom-color: #0B5387; } .block-testimonials-3 .owl-pagination div { border-color: #0B5387; } .block-testimonials-3 .owl-pagination .active { background: #0B5387; } .block-testimonials-4 .owl-prev, .block-testimonials-4 .owl-next { border-color: #0B5387; background: #0B5387; } .block-testimonials-4 .owl-prev:hover, .block-testimonials-4 .owl-next:hover { color: #0B5387; } .block-services li a { border-color: #0B5387; } .block-services li a:hover { background-color: #0B5387; } .block-services-2 li a:hover { background: none; } .block-services-2 li a:after { box-shadow: inset 0 0 0 2px #0B5387; } .block-services-2 li a:hover:after { background-color: #0B5387; } .block-services-3 li a:hover { background: none; } .block-services-3 li a:after { box-shadow: inset 0 0 0 2px #0B5387; } .block-services-3 li a:before { background: #0B5387; box-shadow: inset 0 0 0 2px #0B5387; } .block-services-3 li a:hover:after { background-color: #0B5387; } .block-services-4 li a { border-color: #0B5387; } .block-services-4 li a:hover { background-color: #0B5387; } .block-services-5 li i { color: #0B5387; } .block-services-5 li i:hover { background: #0B5387; } .block-services-6 h3 span { color: #0B5387; } .block-services-6 li a { border-color: #0B5387; background: #0B5387; } .block-services-6 li a:hover { color: #0B5387; } .block-services-7 .info i { background: #0B5387; } .block-services-7 .carousel .active { background: #0B5387; } .block-services-7 .carousel .owl-prev, .block-services-7 .carousel .owl-next { border-color: #0B5387; background: #0B5387; } .block-services-7 .carousel .owl-prev:hover, .block-services-7 .carousel .owl-next:hover { color: #0B5387; } .block-pricing dt { color: #0B5387; } .block-pricing .price:before { background: #0B5387; } .block-pricing li:hover .inner { background: #0B5387; } .block-pricing li:hover .button { color: #0B5387; } .block-pricing li:hover .button:hover { background: #0B5387; } .page-content-section .block-pricing .inner { box-shadow: 0 0 0 1px #0B5387; } .block-pricing-2 dt { color: #0B5387; } .block-pricing-2 .price { background: #0B5387; } .block-pricing-2 .button { color: #0B5387; } .block-pricing-2 li:hover .inner { background: #0B5387; } .block-pricing-2 li:hover .button:hover { background: #0B5387; } .block-progress li i { border-color: #0B5387; color: #0B5387; } .block-team-2 .pic:before { background-color: #0B5387; } .block-team-2 .icons a { color: #0B5387; } .block-team-3 .pic:before { background-color: #0B5387; } .block-team-3 .icons a { color: #0B5387; } .block-team-3 .info h3 { color: #0B5387; } .block-team-list .pic span:after { background-color: #0B5387; } .block-team-list .icons a:hover { color: #0B5387; } .block-team-list .icons a:before { background: #0B5387; } .block-team-list .skills { border-top-color: #0B5387; border-bottom-color: #0B5387; } .block-team-grid .pic:before { background-color: #0B5387; } .block-skills i:before { background-color: #0B5387; } .block-skills .bar { border-color: #0B5387; background-color: #0B5387; } .block-skills-2 i:before { background-color: #0B5387; } .block-skills-2 .bar { border-color: #0B5387; background-color: #0B5387; } .block-capabilities h3 { color: #0B5387; } .block-capabilities-2 h3 { color: #0B5387; } .block-recent-posts .info { background-color: #0B5387; } .block-recent-posts-2:before { background-color: #0B5387; } .block-recent-posts-2 li .button { color: #0B5387; } .block-recent-posts-2 li .button:hover { background-color: #0B5387; } .block-recent-posts-2 .button-more { color: #0B5387; } .block-recent-posts-2 .button-more:hover { background-color: #0B5387; } .block-featured-posts .pic:before { background-color: #0B5387; } .block-blog-list .link { background: #0B5387; } .block-blog-list .date:before { background-color: #0B5387; } .block-blog-list .date-alt { background-color: #0B5387; } .block-blog-list .zoom { background-color: #0B5387; } .block-blog-grid .link { background: #0B5387; } .block-blog-grid .date:before { background-color: #0B5387; } .block-blog-grid .pic:hover .date { color: #0B5387; } .block-blog-grid .zoom { color: #0B5387; } .block-blog-details .date:before, .block-blog-details .reply:before, .block-blog-details .type:before { background-color: #0B5387; } .block-blog-details .date-alt { background-color: #0B5387; } .block-blog-details .share a:before { border-color: #0B5387; background: #0B5387; } .block-blog-details .share a:hover { color: #0B5387; } .block-blog-details .about:before { background: #0B5387; } .block-catalog-toolbar .view a:hover { border-color: #0B5387; color: #0B5387; } .block-catalog-toolbar .view .active, .block-catalog-toolbar .view .active:hover { border-color: #0B5387; background: #0B5387; } .block-catalog-toolbar .direction { border-color: #0B5387; background: #0B5387; } .block-catalog-toolbar .direction:hover { color: #0B5387; } .block-catalog-grid .pic:before { background: #0B5387; } .block-catalog-grid .badge { background: #0B5387; } .block-catalog-grid .price { color: #0B5387; } .block-catalog-grid .owl-prev, .block-catalog-grid .owl-next { border-color: #0B5387; background: #0B5387; } .block-catalog-grid .owl-prev:hover, .block-catalog-grid .owl-next:hover { color: #0B5387;; } .block-catalog-list .pic:after { background-color: #0B5387; } .block-catalog-list .badge:before { background-color: #0B5387; } .block-catalog-list .price { color: #0B5387; } .block-catalog-list .owl-prev, .block-catalog-list .owl-next { border-color: #0B5387; background-color: #0B5387; } .block-catalog-list .owl-prev:hover, .block-catalog-list .owl-next:hover { color: #0B5387;; } .block-product-details .price { color: #0B5387; } .block-product-details .button-alt { color: #0B5387; } .block-product-details-2 .button-alt { color: #0B5387; } .block-product-details-2 .share a:before { background-color: #0B5387; box-shadow: 0 0 0 2px #0B5387; } .block-product-details-2 .share a:hover { color: #0B5387; } .block-product-info .owl-prev, .block-product-info .owl-next { border-color: #0B5387; background-color: #0B5387; } .block-product-info .owl-prev:hover, .block-product-info .owl-next:hover { color: #0B5387; } .block-product-tabs .head .active { color: #0B5387; } .block-product-tabs .head .active:before { border-top-color: #0B5387; } .block-shopping-cart th { border-top-color: #0B5387; color: #0B5387; } .block-shopping-cart .price { color: #0B5387; } .block-shopping-cart .remove { border-color: #0B5387; background-color: #0B5387; } .block-shopping-cart .remove:hover { color: #0B5387; } .block-shopping-cart .quantity a { color: #0B5387; } .block-shopping-cart .empty td { border-bottom-color: #0B5387; } .block-shopping-cart-totals dd { color: #0B5387; } .block-shopping-cart-totals .button-alt { color: #0B5387; } .block-checkout-order td:last-child { color: #0B5387; } .block-checkout-payment label { color: #0B5387; } .block-welcome .icons i:after { border-color: #0B5387; background: #0B5387; } .block-welcome .icons a:hover i { color: #0B5387; } .block-pasteboard:before { background: #0B5387; } .block-pasteboard .icons a:hover { color: #0B5387; } .block-map-3 .block-head { color: #0B5387; } .block-contacts ul li:after, .block-contacts ul li:before { border-color: #0B5387; background-color: #0B5387; } .block-contacts ul li:before { background-color: #fff; } .block-contacts ul li span { border-bottom-color: #0B5387; } .block-contacts ul .active { color: #0B5387; } .block-contacts ul .active:before { background-color: #0B5387; } .block-contacts ol { border-top-color: #0B5387; } .block-contacts ol li { color: #0B5387; } .block-contacts ol li i:after { background-color: #0B5387; } .block-feedback .message i, .block-feedback-2 .message i { color: #0B5387; } .block-not-found h3 { color: #0B5387; } .block-not-found .pic:before { background-color: #0B5387; } .block-not-found .pic div:before { background-color: #0B5387; } .block-not-found-2 .button { color: #0B5387; } .block-not-found-2 .button:hover { background: #0B5387; } .block-coming-soon li:before { background-color: #0B5387; } .block-coming-soon-2 li:after { background-color: #0B5387; } .widget-categories a:hover, .widget-categories a.active { color: #0B5387; } .widget-top-posts a:hover { color: #0B5387; } .widget-text hr { border-top-color: #0B5387; } .widget-text em { color: #0B5387; } .widget-archive a:hover, .widget-archive a.active { color: #0B5387; } .widget-tags a:hover { color: #0B5387; } .widget-categories-filter a:hover { color: #0B5387; } .widget-categories-filter .active { color: #0B5387; } .widget-categories-filter .active span { background-color: #0B5387; } .widget-price-filter .ui-slider-range { background-color: #0B5387; } .widget-price-filter .ui-slider-handle { background-color: #0B5387; } .widget-color-filter .active:before { border-color: #0B5387; } .widget-top-products .pic i { background-color: #0B5387; } .main-nav ul { background-color: #0B5387; }