# Watershed Brand Identity

A complete profile of **Watershed**'s visual system — colors, typography, components, and personality — extracted from [https://watershed.com/](https://watershed.com/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from https://watershed.com/.

primary

#4F596E

rgb(79, 89, 110)

secondary

#041330

rgb(4, 19, 48)

accent

#265CFF

rgb(38, 92, 255)

background

#FFFFFF

rgb(255, 255, 255)

textPrimary

#265CFF

rgb(38, 92, 255)

link

#265CFF

rgb(38, 92, 255)

## Typography

Each font links to its Google Fonts page where available.

primary

Messina Sans

Messina Sans [Google Fonts →](https://fonts.google.com/specimen/Messina+Sans)

heading

Messina Sans

Messina Sans [Google Fonts →](https://fonts.google.com/specimen/Messina+Sans)

messinaSans, messinaSans Fallback

## Visual Assets

%20!important%3B%22%3E%3Cpath%20d%3D%22M53.2404%2020.5495C51.186%2020.5495%2049.5811%2019.3778%2049.5811%2017.163C49.5811%2014.7395%2051.507%2013.8086%2053.6095%2013.8086H55.3268C56.3861%2013.8086%2056.8676%2013.3913%2056.8676%2012.6531C56.8676%2011.6901%2055.9848%2011.2247%2054.8453%2011.2247C53.4811%2011.2247%2052.6144%2011.8827%2052.5342%2013.0543H49.9983C50.1588%2010.7753%2051.6354%209.29871%2054.8132%209.29871C57.991%209.29871%2059.291%2010.8395%2059.291%2012.9741V17.5161C59.291%2018.0297%2059.4836%2018.2223%2059.9972%2018.2223H60.3985V20.2124H58.7454C57.5898%2020.2124%2056.9478%2019.6346%2056.9478%2018.6396V18.2383H56.9157C56.2416%2019.8112%2054.8774%2020.5495%2053.2404%2020.5495ZM53.9947%2018.5914C55.4391%2018.5914%2056.8676%2017.6926%2056.8676%2015.4938V14.5148H56.8355C56.5145%2015.1728%2055.8885%2015.4938%2054.7972%2015.542L54.0107%2015.5741C52.7428%2015.6062%2052.1971%2016.2482%2052.1971%2017.0827C52.1971%2017.9173%2052.7428%2018.6075%2054.0107%2018.6075L53.9947%2018.5914Z%22%20style%3D%22fill%3A%20rgb(36%2C%2038%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M62.051%2017.3556V11.6259H60.0127V9.63575H62.051V6.74683H64.4905V9.63575H67.6844V11.6259H64.4905V17.0025C64.4905%2017.9013%2064.956%2018.2544%2065.7584%2018.2544H67.7325V20.2445H64.9239C63.03%2020.2445%2062.0349%2019.2976%2062.0349%2017.3716L62.051%2017.3556Z%22%20style%3D%22fill%3A%20rgb(36%2C%2038%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M68.3262%2014.932C68.3262%2011.4172%2070.5089%209.3147%2073.5583%209.3147C76.6078%209.3147%2078.646%2011.1283%2078.646%2014.5308V15.6222H70.9102C70.9904%2017.4358%2072.0015%2018.6235%2073.6225%2018.6235C74.7942%2018.6235%2075.6769%2017.9815%2076.0139%2016.9703H78.5177C78.0522%2019.0889%2076.2065%2020.5494%2073.5904%2020.5494C70.4608%2020.5494%2068.3422%2018.4309%2068.3422%2014.932H68.3262ZM76.2065%2013.8728C76.2065%2012.332%2075.2756%2011.2406%2073.6225%2011.2406C71.9694%2011.2406%2071.0867%2012.3962%2070.9262%2013.8728H76.2065Z%22%20style%3D%22fill%3A%20rgb(36%2C%2038%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M80.3154%209.6355H82.7068V11.3047H82.7389C83.2365%2010.2454%2083.9105%209.6355%2085.3229%209.6355H86.3501V11.6256H84.8896C83.4291%2011.6256%2082.755%2012.4121%2082.755%2014.1454V20.2282H80.3315V9.6355H80.3154Z%22%20style%3D%22fill%3A%20rgb(36%2C%2038%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M86.9272%2016.7136H89.4309C89.4951%2018.0457%2090.3297%2018.6234%2091.5816%2018.6234C92.8334%2018.6234%2093.6038%2018.0136%2093.6038%2017.0666C93.6038%2016.2321%2093.0902%2015.7345%2091.7742%2015.7345H90.6186C88.4037%2015.7345%2087.1198%2014.5148%2087.1198%2012.7333C87.1198%2010.711%2088.7568%209.3147%2091.5334%209.3147C94.31%209.3147%2095.947%2010.8234%2096.0112%2013.0703H93.5236C93.4594%2011.8826%2092.8174%2011.2406%2091.5174%2011.2406C90.3618%2011.2406%2089.6556%2011.7863%2089.6556%2012.653C89.6556%2013.4394%2090.2494%2013.8246%2091.2285%2013.8246H92.4964C95.0322%2013.8246%2096.1878%2015.253%2096.1878%2016.9864C96.1878%2019.0889%2094.5347%2020.5654%2091.5816%2020.5654C88.6284%2020.5654%2086.9753%2019.0568%2086.9111%2016.7296L86.9272%2016.7136Z%22%20style%3D%22fill%3A%20rgb(36%2C%2038%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M97.873%206.77881H100.297V9.50724C100.297%209.98872%20100.297%2010.3579%20100.264%2011.2566H100.297C100.858%2010.1011%20101.95%209.31464%20103.474%209.31464C105.641%209.31464%20107.134%2010.8233%20107.134%2013.3912V20.2284H104.71V13.8727C104.71%2011.9789%20103.908%2011.2566%20102.704%2011.2566C101.5%2011.2566%20100.297%2012.0431%20100.297%2014.1616V20.2284H97.873V6.77881Z%22%20style%3D%22fill%3A%20rgb(36%2C%2038%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M108.787%2014.932C108.787%2011.4172%20110.954%209.3147%20114.019%209.3147C117.085%209.3147%20119.107%2011.1283%20119.107%2014.5308V15.6222H111.371C111.451%2017.4358%20112.462%2018.6235%20114.083%2018.6235C115.255%2018.6235%20116.138%2017.9815%20116.475%2016.9703H118.979C118.513%2019.0889%20116.667%2020.5494%20114.051%2020.5494C110.906%2020.5494%20108.803%2018.4309%20108.803%2014.932H108.787ZM116.667%2013.8728C116.667%2012.332%20115.737%2011.2406%20114.083%2011.2406C112.43%2011.2406%20111.548%2012.3962%20111.387%2013.8728H116.667Z%22%20style%3D%22fill%3A%20rgb(36%2C%2038%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M120.311%2014.932C120.311%2011.2566%20122.557%209.31464%20125.029%209.31464C126.65%209.31464%20127.934%2010.1492%20128.576%2011.4974H128.608C128.576%2011.1282%20128.576%2010.8073%20128.576%2010.4221V6.77881H131V20.2283H128.592V19.5222C128.592%2019.137%20128.592%2018.7839%20128.608%2018.3826H128.576C127.934%2019.7308%20126.65%2020.5654%20125.029%2020.5654C122.557%2020.5654%20120.311%2018.6234%20120.311%2014.948V14.932ZM125.751%2018.6234C127.517%2018.6234%20128.576%2017.1629%20128.576%2014.932C128.576%2012.7011%20127.517%2011.2406%20125.751%2011.2406C123.986%2011.2406%20122.911%2012.7011%20122.911%2014.932C122.911%2017.1629%20123.97%2018.6234%20125.751%2018.6234Z%22%20style%3D%22fill%3A%20rgb(36%2C%2038%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M48.3637%206.6665L44.1105%2016.6975H44.0624L39.8413%206.6665H37.0166L43.0994%2020.1321H45.0895L51.1563%206.6665H48.3637Z%22%20style%3D%22fill%3A%20rgb(36%2C%2038%2C%2051)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M39.9861%2011.7703L37.6589%2017.2432H37.6268L33.3897%206.6665H30.5811L36.6638%2020.1321H38.6379L41.3664%2014.0654L39.9861%2011.7863V11.7703Z%22%20style%3D%22fill%3A%20rgb(36%2C%2038%2C%2051)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cg%20class%3D%22mark%22%20style%3D%22fill%3A%20none%20!important%3B%20stroke%3A%20rgb(38%2C%2092%2C%20255)%20!important%3B%22%3E%3Cpath%20d%3D%22M1.57812%2011.7096C2.76167%2010.4704%204.04899%208.34795%208.7383%209.45263C14.241%2010.748%2014.0811%2016.734%2018.7171%2018.548C24.4077%2020.7742%2025.4847%2016.3442%2025.4847%2016.3442%22%20stroke-width%3D%222.30806%22%20stroke-miterlimit%3D%2210%22%20style%3D%22fill%3A%20none%20!important%3B%20stroke%3A%20rgb(38%2C%2092%2C%20255)%20!important%3B%20stroke-width%3A%202.30806px%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M13.5393%2025.833C20.3334%2025.833%2025.8412%2020.327%2025.8412%2013.5349C25.8412%206.74278%2020.3334%201.23669%2013.5393%201.23669C6.74508%201.23669%201.2373%206.74278%201.2373%2013.5349C1.2373%2020.327%206.74508%2025.833%2013.5393%2025.833Z%22%20stroke-width%3D%222.3349%22%20stroke-miterlimit%3D%2210%22%20style%3D%22fill%3A%20none%20!important%3B%20stroke%3A%20rgb(38%2C%2092%2C%20255)%20!important%3B%20stroke-width%3A%202.3349px%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M13.6278%2025.8331C16.9981%2025.8331%2019.7303%2020.3382%2019.7303%2013.5598C19.7303%206.78153%2016.9981%201.28662%2013.6278%201.28662C10.2575%201.28662%207.52539%206.78153%207.52539%2013.5598C7.52539%2020.3382%2010.2575%2025.8331%2013.6278%2025.8331Z%22%20stroke-width%3D%222.32112%22%20stroke-miterlimit%3D%2210%22%20style%3D%22fill%3A%20none%20!important%3B%20stroke%3A%20rgb(38%2C%2092%2C%20255)%20!important%3B%20stroke-width%3A%202.32112px%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M13.5391%201.23401V25.8331%22%20stroke-width%3D%222.32112%22%20stroke-miterlimit%3D%2210%22%20style%3D%22fill%3A%20none%20!important%3B%20stroke%3A%20rgb(38%2C%2092%2C%20255)%20!important%3B%20stroke-width%3A%202.32112px%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Watershed's actual button styles.

Input

input

background#FFFFFFtextColor#4F596EborderColor#E6EBF5borderRadius2pxshadownone

Button Primary

buttonPrimary

background#265CFFtextColor#FFFFFFborderRadius2pxshadownone

Button Secondary

buttonSecondary

backgroundtransparenttextColor#242633borderColor#E6EBF5borderRadius2pxshadownone

## Brand Personality

**Tone:** professional**Energy:** medium**Audience:** businesses focused on sustainability

## Watershed Brand in the Wild

Real-world brand assets — ads, campaigns, and marketing materials.

Image: [freight.cargo.site](https://freight.cargo.site/t/original/i/1c5c03cf662cab297d6f5a0cd17cf219056e952aec07403f195462daa2d185c5/Watershed-Bus-Stop-Billboard-MockUp.png)

Source: [stephaniepieper.com](https://stephaniepieper.com/Watershed)

Image: [essa.com](https://www.essa.com/wp-content/uploads/2017/12/Image-1_WSEP.jpg)

Source: [essa.com](https://www.essa.com/explore-essa/tools/watershed-status-report-card/)

Image: [sjra.net](https://www.sjra.net/wp-content/uploads/2019/10/Landing-Page.png)

Source: [sjra.net](https://www.sjra.net/2019/10/what-is-a-water-shed-know-your-watershed-campaign/)

Image: [images.squarespace-cdn.com](https://images.squarespace-cdn.com/content/v1/6076155b8b80ba0a1551870c/5d7660fc-b961-465b-b809-8c90f30b166d/watershed_amandabuzard_brand_design_04.jpg)

Source: [amandabuzard.com](https://www.amandabuzard.com/work/watershed)

Image: [americaswatershed.org](https://americaswatershed.org/wp-content/uploads/2020/11/report-cover2x.jpg)

Source: [americaswatershed.org](https://americaswatershed.org/reportcard/)

Image: [cdn.sanity.io](https://cdn.sanity.io/images/3ogo9b9g/production/474b2c383b41069266a177a255b326232c6e49b9-1200x630.png?w=1200&fit=max&auto=format)

Source: [watershed.com](https://watershed.com/solutions/product-footprints)

## Frequently Asked Questions

What is Watershed's primary brand color?

Watershed's primary brand color is #4F596E. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Watershed use?

Watershed uses #265CFF as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Watershed use?

Watershed uses Messina Sans as the primary typeface across body and headings.

Does Watershed use a light or dark theme?

Watershed's primary site uses a light color scheme, with a background of #FFFFFF.

Where can I find Watershed's logo?

Watershed's logo is available directly on their site (https://watershed.com/). The current logo URL is included in the machine-readable JSON profile linked above.

How was this brand profile generated?

This profile was extracted from https://watershed.com/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Watershed.

## Methodology

Brand data on this page was extracted from [https://watershed.com/](https://watershed.com/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Watershed.