Moonlake Brand: Colors, Fonts, Logo & Visual Identity
Moonlake Brand Identity
A complete profile of Moonlake's visual system — colors, typography, components, and personality — extracted from https://www.moonlakeai.com/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://www.moonlakeai.com/.
- Primary: #7C62B0
- Secondary: #8065AF
- Accent: #9CA3AF
- Background: #0E0E0E
- Text Primary: #0E0E0E
- Link: #9CA3AF
Typography
Each font links to its Google Fonts page where available.
- Primary: MD IO
- Heading: MD IO
- Body Font: Instrument Sans
UI Components
Live previews rendered using Moonlake's actual button styles.
Button Primary
- Background: #0E0E0E
- Text Color: #F5F5F5
- Border Radius: 100px
- Shadow: rgba(255, 255, 255, 0.12) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.3) 0px -1px 0px 0px inset, rgba(100, 70, 160, 0.25) 0px 4px 16px 0px, rgba(0, 0, 0, 0.4) 0px 1px 3px 0px
Button Secondary
- Background: transparent
- Text Color: #EDEAE5
- Border Color: #3A3A39
- Border Radius: 2px
- Shadow: none
Brand Personality
- Tone: modern
- Energy: medium
- Audience: tech professionals and businesses
Moonlake Brand in the Wild
Source: e88661ef-529d-4561-bbb6-e916a101e551.game.app.moonlakeai.com
Source: moonlakeai.com
Source: moonlakeai.com
Frequently Asked Questions
What is Moonlake's primary brand color?
Moonlake's primary brand color is #7C62B0. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Moonlake use?
Moonlake uses #9CA3AF as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Moonlake use?
Moonlake uses MD IO as the primary typeface across body and headings.
Does Moonlake use a light or dark theme?
Moonlake's primary site uses a dark color scheme, with a background of #0E0E0E.
Where can I find Moonlake's logo?
Moonlake's logo is available directly on their site (https://www.moonlakeai.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://www.moonlakeai.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 Moonlake.