Loonen Brand: Colors, Fonts, Logo & Visual Identity
Loonen Brand Identity
A complete profile of Loonen's visual system — colors, typography, components, and personality — extracted from https://loonen.com/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://loonen.com/.
| Color Type | Hex Code | RGB Value |
|---|---|---|
| Primary | #99B4FF | rgb(153, 180, 255) |
| Secondary | #F4EEE4 | rgb(244, 238, 228) |
| Accent | #145E2E | rgb(20, 94, 46) |
| Background | #FFFFFF | rgb(255, 255, 255) |
| TextPrimary | #145E2E | rgb(20, 94, 46) |
| Link | #145E2E | rgb(20, 94, 46) |
Typography
Each font links to its Google Fonts page where available.
Primary
BradfordLLWeb-Medium
Google Fonts →
Heading
Interstate
Google Fonts →
Instrument Sans, sans-serif
Visual Assets
Logo
Favicon
Social Card
UI Components
Live previews rendered using Loonen's actual button styles.
Input
- Background: transparent
- Text Color: #145E2E
- Border Color: null
- Border Radius: 120px
- Shadow: none
Button Primary
- Background: #145E2E
- Text Color: #FFDC48
- Border Radius: 120px
- Shadow: none
Button Secondary
- Background: #99B4FF
- Text Color: #145E2E
- Border Color: #99B4FF
- Border Radius: 30px
- Shadow: none
Brand Personality
Tone: modern
Energy: medium
Audience: health-conscious consumers
Frequently Asked Questions
What is Loonen's primary brand color?
Loonen's primary brand color is #99B4FF. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Loonen use?
Loonen uses #145E2E as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Loonen use?
Loonen uses BradfordLLWeb-Medium for body text and Interstate for headings. Fonts were detected on https://loonen.com/ as part of their live design system.
Does Loonen use a light or dark theme?
Loonen's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Loonen's logo?
Loonen's logo is available directly on their site (https://loonen.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://loonen.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 Loonen.