Medallion Brand: Colors, Fonts, Logo & Visual Identity
Medallion Brand Identity
A complete profile of Medallion's visual system — colors, typography, components, and personality — extracted from https://medallion.co/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://medallion.co/.
- primary: #2941F3 (rgb(41, 65, 243))
- secondary: #DCFF7D (rgb(220, 255, 125))
- accent: #2941F3 (rgb(41, 65, 243))
- background: #FFFFFF (rgb(255, 255, 255))
- textPrimary: #272727 (rgb(39, 39, 39))
- link: #006450 (rgb(0, 100, 80))
Typography
Each font links to its Google Fonts page where available.
- primary: Inter
- heading: Inter
Visual Assets
%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M560.6%2C74.23V246.05h-17.41V115.7l-59.17%2C116.85h-16.11l-59.17-116.85V246h-17.41V74.23h15.21l69.48%2C139.91%2C69.48-139.91h15.11Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M700.96%2C193.48v-9.1c0-34.61-23.81-62.07-62.08-62.07s-63.08%2C27.96-63.08%2C63.33%2C24.31%2C63.33%2C64.08%2C63.33c27.26%2C0%2C49.32-15.46%2C58.42-35.31h-18.16c-7.1%2C11.55-21.61%2C20.61-40.52%2C20.61-25.26%2C0-41.97-15.71-44.92-40.77h106.24Zm-61.83-56.97c26.01%2C0%2C41.97%2C18.16%2C43.92%2C42.22h-88.59c2.45-25.51%2C20.61-42.22%2C44.67-42.22Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M822.36%2C149.81c-6.6-14.01-25.26-27.51-49.82-27.51-37.07%2C0-61.83%2C29.96-61.83%2C63.33s24.81%2C63.33%2C61.83%2C63.33c24.56%2C0%2C43.22-13.76%2C50.57-27.26v24.31h18.41V66.88h-19.16v82.93Zm-92.54%2C35.81c0-25.76%2C17.91-47.62%2C45.87-47.62%2C23.31%2C0%2C46.62%2C17.16%2C46.62%2C47.62s-23.31%2C47.62-46.62%2C47.62c-27.96%2C0-45.87-21.86-45.87-47.62Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M970.67%2C125.25v24.56c-6.6-14.01-25.76-27.51-50.32-27.51-37.06%2C0-61.83%2C29.96-61.83%2C63.33s24.81%2C63.33%2C61.83%2C63.33c24.56%2C0%2C43.17-13.75%2C50.57-27.26v24.31h18.41V125.25h-18.66Zm-93.04%2C60.37c0-25.76%2C17.91-47.62%2C45.87-47.62%2C23.31%2C0%2C46.62%2C17.16%2C46.62%2C47.62s-23.31%2C47.62-46.62%2C47.62c-27.96%2C0-45.87-21.86-45.87-47.62Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1035.54%2C246.05V66.88h-19.16V246.05h19.16Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1081.77%2C246.05V66.88h-19.16V246.05h19.16Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1128.68%2C246.05V125.25h-19.15v120.75h19.15v.05Zm-22.11-162.22c0%2C6.85%2C5.15%2C12.26%2C12.5%2C12.26s12.5-5.4%2C12.5-12.26-5.15-12.26-12.5-12.26-12.5%2C5.4-12.5%2C12.26Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1208.87%2C248.95c40.02%2C0%2C65.27-30.21%2C65.27-63.33s-25.26-63.33-65.27-63.33-65.27%2C30.21-65.27%2C63.33%2C25.26%2C63.33%2C65.27%2C63.33Zm0-110.7c29.22%2C0%2C46.62%2C23.06%2C46.62%2C47.37s-17.41%2C47.37-46.62%2C47.37-46.62-22.81-46.62-47.37%2C17.66-47.37%2C46.62-47.37Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1307.46%2C180.03c0-22.81%2C15.95-40.52%2C38.52-40.52%2C24.56%2C0%2C34.86%2C17.16%2C34.86%2C40.97v65.53h19.16v-69.23c0-31.41-18.66-54.47-48.12-54.47-21.36%2C0-38.77%2C9.35-45.17%2C26.51v-23.56h-18.41v120.75h19.16v-65.98Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)
UI Components
Live previews rendered using Medallion's actual button styles.
Button Primary
- background: #2941F3
- textColor: #FFFFFF
- borderColor: #2941F3
- borderRadius: 4.5px
- shadow: none
Button Secondary
- background: #FFFFFF
- textColor: #2941F3
- borderColor: #2941F3
- borderRadius: 4.5px
- shadow: none
Brand Personality
- Tone: professional
- Energy: medium
- Audience: healthcare providers and organizations
Medallion Brand in the Wild
Image: cdn.prod.website-files.com
Source: medallion.co
Image: cdn.prod.website-files.com
Source: medallion.co
Frequently Asked Questions
- What is Medallion's primary brand color?
Medallion's primary brand color is #2941F3. - What font does Medallion use?
Medallion uses Inter as the primary typeface across body and headings. - Does Medallion use a light or dark theme?
Medallion's primary site uses a light color scheme, with a background of #FFFFFF. - Where can I find Medallion's logo?
Medallion's logo is available directly on their site (https://medallion.co/). 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://medallion.co/ using the Firecrawl branding extraction API.