Paragon Brand Identity

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

Color Palette

Brand palette extracted from http://useparagon.com.

• primary: #0000EE (rgb(0, 0, 238))
• secondary: #5C3AE4 (rgb(92, 58, 228))
• accent: #FFFFFF (rgb(255, 255, 255))
• background: #060311 (rgb(6, 3, 17))
• textPrimary: #060311 (rgb(6, 3, 17))
• link: #10063A (rgb(16, 6, 58))

Typography

Each font links to its Google Fonts page where available.

• primary: Helvetica Now Text Medium (Helvetica Now Text Medium Google Fonts →)
• heading: Helvetica Now Display Medium (Helvetica Now Display Medium Google Fonts →)

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Paragon's actual button styles.

• Button Primary:

  • background: #FFFFFF
  • textColor: #0000EE
  • borderRadius: 100px
  • shadow: rgba(13, 9, 28, 0.4) 0px 0px 1px 0px, rgba(13, 9, 28, 0.1) 0px 2px 4px -2px

• Button Secondary:

  • background: #050210
  • textColor: #0000EE
  • borderRadius: 6px
  • shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: developers

Paragon Brand in the Wild

Source: useparagon.com

Source: docs.useparagon.com

Source: useparagon.com

Source: useparagon.com

Source: useparagon.com

Frequently Asked Questions

1. What is Paragon's primary brand color?
   • Paragon's primary brand color is #0000EE. It anchors the visual identity across their website, product UI, and marketing materials.
2. What accent color does Paragon use?
   • Paragon uses #FFFFFF as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
3. What font does Paragon use?
   • Paragon uses Helvetica Now Text Medium for body text and Helvetica Now Display Medium for headings.
4. Does Paragon use a light or dark theme?
   • Paragon's primary site uses a dark color scheme, with a background of #060311.
5. Where can I find Paragon's logo?
   • Paragon's logo is available directly on their site (http://useparagon.com).
6. How was this brand profile generated?
   • This profile was extracted from http://useparagon.com using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from http://useparagon.com on 2026-07-27 using the Firecrawl branding extraction API. This page is published by CharacterQuilt and is not affiliated with or endorsed by Paragon.