Pocket Brand: Colors, Fonts, Logo & Visual Identity

Pocket Brand Identity

A complete profile of Pocket's visual system — colors, typography, components, and personality — extracted from heypocket.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from heypocket.com.

Typography

Each font links to its Google Fonts page where available.

Visual Assets

Favicon

Social Card

UI Components

Live previews rendered using Pocket's actual button styles.

Input

Button Primary

Button Secondary

Brand Personality

Pocket Brand in the Wild

Image: canada1.discourse-cdn.com

Source: community.heypocket.com

Image: canada1.discourse-cdn.com

Source: community.heypocket.com

Frequently Asked Questions

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

What accent color does Pocket use?
Pocket uses #0171E5 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Pocket use?
Pocket uses Arial for body text and Inter for headings. Fonts were detected on heypocket.com as part of their live design system.

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

How was this brand profile generated?
This profile was extracted from heypocket.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 Pocket.