Lantern Brand: Colors, Fonts, Logo & Visual Identity

Lantern Brand Identity

A complete profile of Lantern's visual system — colors, typography, components, and personality — extracted from http://lantern.dev. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from http://lantern.dev.

Color Value RGB
Primary #F46100 rgb(244, 97, 0)
Secondary #9CA3AF rgb(156, 163, 175)
Accent #F46100 rgb(244, 97, 0)
Background #FFFFFF rgb(255, 255, 255)
Text #292626 rgb(41, 38, 38)
Link #FDE7D9 rgb(253, 231, 217)

Typography

Each font links to its Google Fonts page where available.

Role Font Google Fonts Link
Primary Satoshi Google Fonts →
Heading Satoshi Google Fonts →

UI Components

Live previews rendered using Lantern's actual button styles.

Button Primary

Button Secondary

Brand Personality

Lantern Brand in the Wild

Image: lantern.dev
Source: lantern.dev

Image: pg.lantern.dev
Source: pg.lantern.dev

Image: ca.slack-edge.com
Source: lantern.dev

Image: lantern.dev
Source: lantern.dev

Image: ca.slack-edge.com
Source: lantern.dev

Image: ca.slack-edge.com
Source: lantern.dev

Frequently Asked Questions

What is Lantern's primary brand color?
Lantern's primary brand color is #F46100. It anchors the visual identity across their website, product UI, and marketing materials.

What font does Lantern use?
Lantern uses Satoshi as the primary typeface across body and headings.

Does Lantern use a light or dark theme?
Lantern's primary site uses a light color scheme, with a background of #FFFFFF.

Where can I find Lantern's logo?
Lantern's logo is available directly on their site (http://lantern.dev). 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 http://lantern.dev 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 Lantern.