Vitable Health Brand Identity

A complete profile of Vitable Health's visual system — colors, typography, components, and personality — extracted from https://vitablehealth.com. Built for designers, agents, and AI tools.

Color Palette

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

primary
#003C32
rgb(0, 60, 50)

secondary
#E9B2CA
rgb(233, 178, 202)

accent
#BFF4C8
rgb(191, 244, 200)

background
#F9F4ED
rgb(249, 244, 237)

textPrimary
#003C32
rgb(0, 60, 50)

link
#003C32
rgb(0, 60, 50)

Typography

Each font links to its Google Fonts page where available.

primary
Roobert
Roobert Google Fonts →

heading
Roobert
Roobert Google Fonts →

Roobert, Arial, sans-serif

Visual Assets

%20!important%3B%22%3E%0A%3Cpath%20d%3D%22M33.3685%2019.9703V10.9364H31.2483V8.30041H33.3685V4.36109H36.6377V8.30041H39.73V10.9364H36.6377V19.378C36.6377%2020.2664%2037.1088%2020.9477%2038.3162%2020.9477C38.6697%2020.9477%2039.1702%2020.8886%2039.73%2020.6814V23.2582C39.1702%2023.7323%2038.169%2023.8803%2037.3444%2023.8803C35.018%2023.8803%2033.3685%2022.7251%2033.3685%2019.9703Z%22%20style%3D%22fill%3A%20rgb(0%2C%2060%2C%2050)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M40.909%2016.0031C40.909%2010.7007%2044.708%208.00565%2048.3304%208.00565C51.128%208.00565%2053.0719%209.54601%2053.6314%2010.7604H53.7198V8.30179H56.9593V23.7038H53.7198V21.2452H53.6314C53.0719%2022.4596%2051.128%2023.9999%2048.3304%2023.9999C44.708%2023.9999%2040.909%2021.3048%2040.909%2016.0031ZM48.9487%2021.038C51.4227%2021.038%2053.808%2019.3203%2053.808%2016.0031C53.808%2012.6853%2051.4227%2010.9676%2048.9487%2010.9676C46.5044%2010.9676%2044.1189%2012.6853%2044.1189%2016.0031C44.1189%2019.3203%2046.5044%2021.038%2048.9487%2021.038Z%22%20style%3D%22fill%3A%20rgb(0%2C%2060%2C%2050)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M62.8496%202.67432V10.7607H62.938C63.4975%209.54629%2065.4411%208.00593%2068.239%208.00593C71.8614%208.00593%2075.6606%2010.701%2075.6606%2016.0033C75.6606%2021.3051%2071.8614%2024.0002%2068.239%2024.0002C65.4411%2024.0002%2063.4975%2022.4599%2062.938%2021.2455H62.8496V23.7041H59.6101V2.67432H62.8496ZM67.6207%2021.0383C70.065%2021.0383%2072.4503%2019.3206%2072.4503%2016.0033C72.4503%2012.6856%2070.065%2010.9679%2067.6207%2010.9679C65.1467%2010.9679%2062.7611%2012.6856%2062.7611%2016.0033C62.7611%2019.3206%2065.1467%2021.0383%2067.6207%2021.0383Z%22%20style%3D%22fill%3A%20rgb(0%2C%2060%2C%2050)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M77.5758%202.67432H80.8153V23.7041H77.5758V2.67432Z%22%20style%3D%22fill%3A%20rgb(0%2C%2060%2C%2050)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M82.7284%2016.0031C82.7284%2010.8195%2086.5279%208.00565%2090.4151%208.00565C94.3029%208.00565%2098.5438%2010.7897%2097.8072%2017.2468H85.7918C86.2923%2019.9126%2088.3831%2021.275%2091.0046%2021.275C92.6537%2021.275%2094.126%2020.7419%2095.245%2019.6755L96.7766%2021.275C95.4515%2022.9336%2093.2426%2023.9999%2090.6508%2023.9999C86.4983%2023.9999%2082.7284%2021.127%2082.7284%2016.0031ZM94.9214%2014.818C94.7445%2012.1522%2092.6241%2010.7897%2090.4448%2010.7897C88.2947%2010.7897%2086.2335%2012.093%2085.7622%2014.818H94.9214Z%22%20style%3D%22fill%3A%20rgb(0%2C%2060%2C%2050)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M30.2986%203.74991C30.2986%205.04433%2029.2551%206.09366%2027.9679%206.09366C26.6806%206.09366%2025.6371%205.04433%2025.6371%203.74991C25.6371%202.45549%2026.6806%201.40616%2027.9679%201.40616C29.2551%201.40616%2030.2986%202.45549%2030.2986%203.74991Z%22%20style%3D%22fill%3A%20rgb(0%2C%2060%2C%2050)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M29.3646%208.16812V23.7036H26.0957V11.9922C24.6896%2012.9988%2023.0441%2013.6048%2021.1553%2013.785C20.6344%2013.8346%2020.1072%2013.8456%2019.5801%2013.818C18.3087%2017.1757%2016.318%2020.6711%2014.3272%2023.698H8.73682C8.66825%2023.698%208.60916%2023.6555%208.59503%2023.5958C6.96315%2016.7037%204.1863%209.23539%200.0230398%203.46515C-0.0264163%203.39661%200.00699233%203.30519%200.0922495%203.27542L3.45891%202.09978C3.52381%202.07711%203.59781%202.09895%203.63468%202.15157C7.93657%208.29044%2010.3125%2014.7877%2012.0325%2021.6666C14.2403%2018.304%2014.8827%2015.7219%2015.9334%2013.0517C14.2899%2012.4177%2012.8014%2011.4197%2011.6417%2010.1296C9.07417%207.26819%208.4912%204.26893%2010.0789%202.10219C11.313%200.415102%2013.6449%20-0.362298%2015.8714%200.161476C18.7738%200.839641%2020.6592%203.3868%2020.901%206.97048C20.9445%207.63757%2020.9197%208.33778%2020.8328%209.06555C20.3198%209.17617%2019.7694%209.21006%2019.2331%209.16721C18.0908%209.07597%2017.2612%208.19879%2017.1871%207.18137L17.1861%207.16895C17.0187%204.70999%2015.9086%203.5908%2014.9225%203.35921C14.2527%203.21036%2013.5572%203.41595%2013.1984%203.90506C12.6774%204.61075%2012.7642%206.07732%2014.5504%208.06211C15.214%208.8064%2016.0388%209.40185%2016.9443%209.82087C18.1598%2010.4825%2019.5987%2010.6148%2020.7336%2010.4935C23.0655%2010.273%2024.7112%209.23737%2025.9888%206.95483L29.3646%208.16812Z%22%20style%3D%22fill%3A%20rgb(0%2C%2060%2C%2050)%20!important%3B%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E)

UI Components

Live previews rendered using Vitable Health's actual button styles.

Button Primary
background #BFF4C8
textColor #F9F4ED
borderRadius 0px
shadow none

Button Secondary
background #003C32
textColor #FFFFFF
borderRadius 100px
shadow none

Brand Personality

Tone: professional
Energy: medium
Audience: Hourly workers seeking affordable healthcare solutions

Frequently Asked Questions

What is Vitable Health's primary brand color?
Vitable Health's primary brand color is #003C32. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Vitable Health use?
Vitable Health uses #BFF4C8 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Vitable Health use?
Vitable Health uses Roobert as the primary typeface across body and headings.

Does Vitable Health use a light or dark theme?
Vitable Health's primary site uses a light color scheme, with a background of #F9F4ED.