Tailscale Brand: Colors, Fonts, Logo & Visual Identity
Tailscale Brand Identity
A complete profile of Tailscale's visual system — colors, typography, components, and personality — extracted from https://tailscale.com/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://tailscale.com/.
Colors
- Primary: #D04841
- Accent: #D04841
- Background: #F9F7F6
- Text Primary: #2E2D2D
- Link: #D04841
Typography
Each font links to its Google Fonts page where available.
- Body Font: Inter
- Heading: Inter
Visual Assets
%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M14%2017.5C15.933%2017.5%2017.5%2015.933%2017.5%2014C17.5%2012.067%2015.933%2010.5%2014%2010.5C12.067%2010.5%2010.5%2012.067%2010.5%2014C10.5%2015.933%2012.067%2017.5%2014%2017.5Z%22%20fill%3D%22%23232222%22%20style%3D%22fill%3A%20rgb(35%2C%2034%2C%2034)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M14%2028C15.933%2028%2017.5%2026.433%2017.5%2024.5C17.5%2022.567%2015.933%2021%2014%2021C12.067%2021%2010.5%2022.567%2010.5%2024.5C10.5%2026.433%2012.067%2028%2014%2028Z%22%20fill%3D%22%23232222%22%20style%3D%22fill%3A%20rgb(35%2C%2034%2C%2034)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M24.5%2017.5C26.433%2017.5%2028%2015.933%2028%2014C28%2012.067%2026.433%2010.5%2024.5%2010.5C22.567%2010.5%2021%2012.067%2021%2014C21%2015.933%2022.567%2017.5%2024.5%2017.5Z%22%20fill%3D%22%23232222%22%20style%3D%22fill%3A%20rgb(35%2C%2034%2C%2034)%20!important%3B%22%2F%3E%3Cg%20opacity%3D%220.4%22%20style%3D%22fill%3A%20none%20!important%3B%20opacity%3A%200.4%20!important%3B%22%3E%3Cpath%20d%3D%22M3.5%2028C5.43299%2028%206.99999%2026.433%206.99999%2024.5C6.99999%2022.567%205.43299%2021%203.5%2021C1.567%2021%200%2022.567%200%2024.5C0%2026.433%201.567%2028%203.5%2028Z%22%20fill%3D%22%23232222%22%20style%3D%22fill%3A%20rgb(35%2C%2034%2C%2034)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M24.5%2028C26.433%2028%2028%2026.433%2028%2024.5C28%2022.567%2026.433%2021%2024.5%2021C22.567%2021%2021%2022.567%2021%2024.5C21%2026.433%2022.567%2028%2024.5%2028Z%22%20fill%3D%22%23232222%22%20style%3D%22fill%3A%20rgb(35%2C%2034%2C%2034)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M3.5%206.99999C5.43299%206.99999%206.99999%205.43299%206.99999%203.5C6.99999%201.567%205.43299%200%203.5%200C1.567%200%200%201.567%200%203.5C0%205.43299%201.567%206.99999%203.5%206.99999Z%22%20fill%3D%22%23232222%22%20style%3D%22fill%3A%20rgb(35%2C%2034%2C%2034)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M14%206.99999C15.933%206.99999%2017.5%205.43299%2017.5%203.5C17.5%201.567%2015.933%200%2014%200C12.067%200%2010.5%201.567%2010.5%203.5C10.5%205.43299%2012.067%206.99999%2014%206.99999Z%22%20fill%3D%22%23232222%22%20style%3D%22fill%3A%20rgb(35%2C%2034%2C%2034)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M24.5%206.99999C26.433%206.99999%2028%205.43299%2028%203.5C28%201.567%2026.433%200%2024.5%200C22.567%200%2021%201.567%2021%203.5C21%205.43299%2022.567%206.99999%2024.5%206.99999Z%22%20fill%3D%22%23232222%22%20style%3D%22fill%3A%20rgb(35%2C%2034%2C%2034)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M46.1746%2024.5C47.0875%2024.5%2047.8293%2024.4144%2048.7137%2024.2432V20.9334C48.1717%2021.1331%2047.5725%2021.1902%2047.0019%2021.1902C45.604%2021.1902%2045.0904%2020.5054%2045.0904%2019.1929V12.4592H48.7137V9.14945H45.0904V4.24185H41.0962V9.14945H38.5V12.4592H41.0962V19.5638C41.0962%2022.7024%2042.751%2024.5%2046.1746%2024.5Z%22%20fill%3D%22%23232222%22%20style%3D%22fill%3A%20rgb(35%2C%2034%2C%2034)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M55.2368%2024.5C57.3766%2024.5%2058.8031%2023.7867%2059.5163%2022.6739C59.5734%2023.159%2059.7446%2023.8152%2059.9728%2024.2147H63.5676C63.3679%2023.5299%2063.2252%2022.4456%2063.2252%2021.7323V13.9144C63.2252%2010.6902%2060.9143%208.86412%2057.0057%208.86412C54.0386%208.86412%2051.7277%209.9769%2050.4438%2011.6033L52.7262%2013.8573C53.7533%2012.716%2055.0657%2012.1168%2056.6633%2012.1168C58.6034%2012.1168%2059.4593%2012.7731%2059.4593%2013.7432C59.4593%2014.5706%2058.8887%2015.1413%2055.8074%2015.1413C52.8403%2015.1413%2049.8447%2016.3682%2049.8447%2019.7921C49.8447%2022.9592%2052.1271%2024.5%2055.2368%2024.5ZM56.0357%2021.4755C54.4951%2021.4755%2053.7818%2020.8193%2053.7818%2019.6494C53.7818%2018.6223%2054.6377%2017.9375%2056.0642%2017.9375C58.3466%2017.9375%2058.9743%2017.7948%2059.4593%2017.3098V18.5367C59.4593%2020.163%2058.0898%2021.4755%2056.0357%2021.4755Z%22%20fill%3D%22%23232222%22%20style%3D%22fill%3A%20rgb(35%2C%2034%2C%2034)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M65.8217%207.23777H69.9871V3.5H65.8217V7.23777ZM65.9073%2024.2147H69.9015V9.14945H65.9073V24.2147Z%22%20fill%3D%22%23232222%22%20style%3D%22fill%3A%20rgb(35%2C%2034%2C%2034)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M72.8113%2024.2147H76.8055V3.95652H72.8113V24.2147Z%22%20fill%3D%22%23232222%22%20style%3D%22fill%3A%20rgb(35%2C%2034%2C%2034)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M85.1075%2024.5C89.5011%2024.5%2091.755%2022.1888%2091.755%2019.7636C91.755%2017.5666%2090.6423%2015.9402%2086.9905%2015.284C84.4228%2014.8274%2082.8251%2014.2568%2082.8251%2013.3723C82.8251%2012.6019%2083.7381%2012.0598%2085.2787%2012.0598C86.6481%2012.0598%2087.7893%2012.5163%2088.6452%2013.5149L91.1844%2011.375C89.9005%209.77717%2087.7893%208.86412%2085.2787%208.86412C81.4271%208.86412%2079.0306%2010.9185%2079.0306%2013.4293C79.0306%2016.1685%2081.5412%2017.3954%2084.2516%2017.8804C86.5055%2018.2799%2087.7608%2018.7079%2087.7608%2019.678C87.7608%2020.5054%2086.8763%2021.1902%2085.1931%2021.1902C83.5383%2021.1902%2082.2545%2020.4198%2081.6554%2019.2785L78.2888%2020.8763C79.1162%2022.9307%2081.9407%2024.5%2085.1075%2024.5Z%22%20fill%3D%22%23232222%22%20style%3D%22fill%3A%20rgb(35%2C%2034%2C%2034)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M100.685%2024.5C103.538%2024.5%20105.592%2023.3587%20107.132%2020.7907L103.937%2019.1644C103.338%2020.3628%20102.368%2021.1902%20100.685%2021.1902C98.1455%2021.1902%2096.776%2019.1359%2096.776%2016.6535C96.776%2014.1712%2098.2311%2012.1739%20100.685%2012.1739C102.225%2012.1739%20103.252%2013.0014%20103.851%2014.2568L107.075%2012.5448C105.991%2010.1766%20103.851%208.86412%20100.685%208.86412C95.4636%208.86412%2092.7818%2012.6875%2092.7818%2016.6535C92.7818%2020.9619%2096.0342%2024.5%20100.685%2024.5Z%22%20fill%3D%22%23232222%22%20style%3D%22fill%3A%20rgb(35%2C%2034%2C%2034)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M113.495%2024.5C115.635%2024.5%20117.061%2023.7867%20117.774%2022.6739C117.831%2023.159%20118.003%2023.8152%20118.231%2024.2147H121.826C121.626%2023.5299%20121.483%2022.4456%20121.483%2021.7323V13.9144C121.483%2010.6902%20119.172%208.86412%20115.264%208.86412C112.297%208.86412%20109.986%209.9769%20108.702%2011.6033L110.984%2013.8573C112.011%2012.716%20113.324%2012.1168%20114.921%2012.1168C116.861%2012.1168%20117.717%2012.7731%20117.717%2013.7432C117.717%2014.5706%20117.147%2015.1413%20114.065%2015.1413C111.098%2015.1413%20108.103%2016.3682%20108.103%2019.7921C108.103%2022.9592%20110.385%2024.5%20113.495%2024.5ZM114.294%2021.4755C112.753%2021.4755%20112.04%2020.8193%20112.04%2019.6494C112.04%2018.6223%20112.896%2017.9375%20114.322%2017.9375C116.605%2017.9375%20117.232%2017.7948%20117.717%2017.3098V18.5367C117.717%2020.163%20116.348%2021.4755%20114.294%2021.4755Z%22%20fill%3D%22%23232222%22%20style%3D%22fill%3A%20rgb(35%2C%2034%2C%2034)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M123.831%2024.2147H127.825V3.95652H123.831V24.2147Z%22%20fill%3D%22%23232222%22%20style%3D%22fill%3A%20rgb(35%2C%2034%2C%2034)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M137.411%2024.5C140.35%2024.5%20142.718%2023.3301%20144.03%2021.2473L141.006%2019.3071C140.207%2020.5625%20139.151%2021.2473%20137.411%2021.2473C135.442%2021.2473%20134.016%2020.163%20133.645%2018.0516H145V16.6535C145%2012.6875%20142.575%208.86412%20137.382%208.86412C132.447%208.86412%20129.765%2012.716%20129.765%2016.6821C129.765%2022.3315%20134.016%2024.5%20137.411%2024.5ZM133.788%2014.913C134.415%2013.0014%20135.728%2012.1168%20137.468%2012.1168C139.437%2012.1168%20140.635%2013.2867%20141.034%2014.913H133.788Z%22%20fill%3D%22%23232222%22%20style%3D%22fill%3A%20rgb(35%2C%2034%2C%2034)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)
Favicon
Social Card
UI Components
Button Primary
- Background: #D04841
- Text Color: #FFFFFF
- Border Radius: 16px
- Shadow: none
Button Secondary
- Background: #FFFFFF
- Text Color: #232222
- Border Color: #FFFFFF
- Border Radius: 8px
- Shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(24, 23, 23, 0.16) 0px 4px 16px 0px
Brand Personality
- Tone: professional
- Energy: medium
- Audience: businesses and developers
Frequently Asked Questions
- What is Tailscale's primary brand color? Tailscale's primary brand color is #D04841.
- What font does Tailscale use? Tailscale uses Inter as the primary typeface across body and headings.
- Does Tailscale use a light or dark theme? Tailscale's primary site uses a light color scheme, with a background of #F9F7F6.
- Where can I find Tailscale's logo? Tailscale's logo is available directly on their site (https://tailscale.com/).
- How was this brand profile generated? This profile was extracted from https://tailscale.com/ using the Firecrawl branding extraction API.