Island Brand: Colors, Fonts, Logo & Visual Identity

Island Brand Identity

A complete profile of Island's visual system — colors, typography, components, and personality — extracted from https://island.io. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://island.io.

Primary: #0A332C (rgb(10, 51, 44))
Secondary: #136342 (rgb(19, 99, 66))
Accent: #50E8A8 (rgb(80, 232, 168))
Background: #FFFFFF (rgb(255, 255, 255))
Text Primary: #343434 (rgb(52, 52, 52))
Link: #50E8A8 (rgb(80, 232, 168))

Typography

Each font links to its Google Fonts page where available.

Primary: Suisseintl Google Fonts →
Heading: Georgia Google Fonts →

Suisseintl, Georgia, sans-serif

Visual Assets

%20--%3E%0A%20%20%3Cg%20class%3D%22logo-circle%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M16.9817%2035.0704C25.8572%2035.0704%2033.0522%2027.8754%2033.0522%2018.9999C33.0522%2010.1244%2025.8572%202.92944%2016.9817%202.92944C8.10615%202.92944%200.911133%2010.1244%200.911133%2018.9999C0.911133%2027.8754%208.10615%2035.0704%2016.9817%2035.0704Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M3.58501%2021.4107C3.62534%2020.7244%203.90533%2020.0267%204.45108%2019.6084C5.09846%2019.1121%205.97883%2019.0869%206.79457%2019.0827C10.1903%2019.0651%2013.586%2019.057%2016.9817%2019.0584C20.3775%2019.0591%2023.7732%2019.0672%2027.1689%2019.0827C27.9846%2019.0869%2028.865%2019.1121%2029.5124%2019.6084C30.0581%2020.0267%2030.3381%2020.7244%2030.3784%2021.4107C30.3953%2022.008%2030.3041%2022.6034%2030.1092%2023.1682C30.7654%2021.1042%2030.9255%2018.9145%2030.5763%2016.777C30.2272%2014.6395%2029.3787%2012.6145%2028.0997%2010.8664C26.8207%209.11829%2025.1474%207.69643%2023.2156%206.71628C21.2838%205.73613%2019.1479%205.22532%2016.9816%205.22534C14.8152%205.22537%2012.6794%205.73622%2010.7476%206.71642C8.81581%207.69661%207.1425%209.11851%205.86357%2010.8666C4.58465%2012.6147%203.73618%2014.6398%203.38707%2016.7773C3.03796%2018.9148%203.19806%2021.1045%203.85435%2023.1685C3.65936%2022.6036%203.56811%2022.0081%203.58501%2021.4107V21.4107Z%22%20fill%3D%22url(%23paint0_linear_5019_99065)%22%20style%3D%22fill%3A%20url(%26quot%3B%23paint0_linear_5019_99065%26quot%3B)%20!important%3B%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M30.3784%2021.4106C30.3381%2020.7242%2030.0581%2020.0265%2029.5123%2019.6082C28.8649%2019.112%2027.9846%2019.0868%2027.1688%2019.0826C23.7731%2019.0649%2020.3774%2019.0568%2016.9817%2019.0583C13.5859%2019.0589%2010.1902%2019.067%206.7945%2019.0826C5.97879%2019.0868%205.09841%2019.112%204.45102%2019.6082C3.90528%2020.0265%203.62528%2020.7242%203.58495%2021.4106C3.54462%2022.0969%203.71819%2022.7781%203.93921%2023.4292C4.55255%2025.2366%205.53506%2026.8968%206.82436%2028.3044C8.11366%2029.712%209.68159%2030.8362%2011.4286%2031.6058C13.1757%2032.3753%2015.0636%2032.7733%2016.9727%2032.7746C18.8818%2032.7758%2020.7703%2032.3803%2022.5183%2031.613C24.263%2030.835%2025.8294%2029.7072%2027.1204%2028.2995C28.4115%2026.8918%2029.3998%2025.2342%2030.0241%2023.4292C30.2451%2022.7781%2030.4187%2022.0969%2030.3784%2021.4106Z%22%20fill%3D%22url(%23paint1_radial_5019_99065)%22%20style%3D%22fill%3A%20url(%26quot%3B%23paint1_radial_5019_99065%26quot%3B)%20!important%3B%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C!--%20%22ISLAND%22%20text%3A%20new%20shapes%2Fpositions%2C%20but%20still%20stylable%20via%20currentColor%20--%3E%0A%20%20%3Cg%20class%3D%22logo-text%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%0A%20%20%20%20%3C!--%20I%20--%3E%0A%20%20%20%20%3Cpath%20d%3D%22M50.3815%208.03882H47.3926V28.9615H50.3815V8.03882Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%20%20%3C!--%20S%20--%3E%0A%20%20%20%20%3Cpath%20d%3D%22M62.0335%2020.877L58.6366%2020.1283C57.37%2019.8406%2056.9089%2019.3221%2056.9089%2018.5159C56.9089%2017.5085%2057.6866%2016.6444%2059.4428%2016.6444C61.2853%2016.6444%2062.4656%2017.595%2062.6958%2018.9764H65.6838C65.4246%2015.933%2062.7037%2014.2549%2059.5292%2014.2549C56.1033%2014.2549%2053.9199%2016.1289%2053.9199%2018.7776C53.9199%2020.793%2055.2971%2022.1146%2057.773%2022.6615L60.8822%2023.2949C62.2063%2023.5831%2062.8112%2024.13%2062.8112%2024.9936C62.8112%2026.1164%2061.7167%2026.8942%2059.9896%2026.8942C58.118%2026.8942%2056.573%2026.1744%2056.3717%2024.4757H53.3828C53.3947%2024.6431%2053.2341%2029.3411%2059.7303%2029.3411C63.3007%2029.3411%2065.7957%2027.7241%2065.7957%2024.7297C65.7957%2022.7149%2064.3371%2021.3665%2062.0335%2020.877Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%20%20%3C!--%20L%20--%3E%0A%20%20%20%20%3Cpath%20d%3D%22M75.5084%2025.9726V25.9749C74.3912%2025.9821%2073.5188%2025.9544%2072.6514%2025.087C71.758%2024.1936%2071.7692%2023.3264%2071.7692%2022.1912V8.03882H68.7803V22.2209C68.7819%2024.0675%2068.9982%2025.6582%2070.5511%2027.2111C72.03%2028.69%2073.6149%2028.9689%2075.377%2028.962L76.2572%2028.9615V25.9726L75.5084%2025.9726Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%20%20%3C!--%20A%20--%3E%0A%20%20%20%20%3Cpath%20d%3D%22M92.5374%2028.9616H89.5485V27.3154C88.3219%2028.5988%2086.5541%2029.3405%2084.4153%2029.3405C80.7074%2029.3405%2077.3994%2026.3461%2077.3994%2021.8685C77.3994%2017.4195%2080.7074%2014.3965%2084.4153%2014.3965C86.5541%2014.3965%2088.3219%2015.1382%2089.5485%2016.4216V14.7957H92.5374V28.9616ZM89.4406%2021.8685C89.4406%2018.9719%2087.1844%2017.1331%2084.9005%2017.1331C82.3653%2017.1331%2080.3878%2018.9719%2080.3878%2021.8685C80.3878%2024.7931%2082.3653%2026.6039%2084.9005%2026.6039C87.1843%2026.6039%2089.4406%2024.7931%2089.4406%2021.8685Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%20%20%3C!--%20N%20--%3E%0A%20%20%20%20%3Cpath%20d%3D%22M110.008%2020.347V28.9613H107.02V20.9513C107.02%2018.6193%20105.666%2017.0649%20103.622%2017.0649C101.06%2017.0649%2099.361%2018.7921%2099.361%2022.3908V28.9614H96.3721V14.7955H99.361V16.46C100.513%2015.0785%20102.183%2014.3008%20104.313%2014.3008C107.739%2014.3008%20110.008%2016.7767%20110.008%2020.347Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%20%20%3C!--%20D%20--%3E%0A%20%20%20%20%3Cpath%20d%3D%22M128.136%2028.9643H125.147V27.3153C123.921%2028.5987%20122.153%2029.3404%20120.014%2029.3404C116.306%2029.3404%20112.998%2026.3461%20112.998%2021.8684C112.998%2017.4195%20116.306%2014.3964%20120.014%2014.3964C122.153%2014.3964%20123.921%2015.1381%20125.147%2016.4216V8.03882H128.136V28.9643ZM125.039%2021.8684C125.039%2018.9719%20122.783%2017.133%20120.499%2017.133C117.964%2017.133%20115.986%2018.9719%20115.986%2021.8684C115.986%2024.7931%20117.964%2026.6039%20120.499%2026.6039C122.783%2026.6039%20125.039%2024.7931%20125.039%2021.8684Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C!--%20Keep%20your%20original%20%3Cdefs%3E%20with%20paint0_linear_5019_99065%20and%20paint1_radial_5019_99065%20here%20--%3E%0A%3C%2Fsvg%3E)

.jpg)

UI Components

Live previews rendered using Island's actual button styles.

Button Primary

Background: #50E8A8
Text Color: #343434
Border Radius: 8px
Shadow: none

Button Secondary

Background: #0A332C
Text Color: #FFFFFF
Border Radius: 8px
Shadow: none

Brand Personality

Tone: professional
Energy: medium
Audience: enterprise clients

Island Brand in the Wild

Frequently Asked Questions

What is Island's primary brand color?
Island's primary brand color is #0A332C. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Island use?
Island uses #50E8A8 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Island use?
Island uses Suisseintl for body text and Georgia for headings. Fonts were detected on https://island.io as part of their live design system.
Does Island use a light or dark theme?
Island's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Island's logo?
Island's logo is available directly on their site (https://island.io). 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://island.io 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 Island.