CodeCombat Brand Identity

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

Color Palette

Brand palette extracted from https://codecombat.com.

• primary: #0B63BC
• secondary: #0E4C60
• accent: #7A65FC
• background: #333333
• textPrimary: #7A65FC
• link: #7A65FC

Typography

Each font links to its Google Fonts page where available.

• primary: Plus Jakarta Sans
  Google Fonts →
• heading: Plus Jakarta Sans
  Google Fonts →

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using CodeCombat's actual button styles.

• Button Primary:
  background: #7A65FC
  textColor: #FFFFFF
  borderRadius: 8px
  shadow: none

• Button Secondary:
  background: #FFFFFF
  textColor: #000000
  borderRadius: 0px
  shadow: none

Brand Personality

• Tone: playful
• Energy: high
• Audience: students and educators interested in learning coding through games

Frequently Asked Questions

What is CodeCombat's primary brand color?
CodeCombat's primary brand color is #0B63BC.

What accent color does CodeCombat use?
CodeCombat uses #7A65FC as an accent color.

What font does CodeCombat use?
CodeCombat uses Plus Jakarta Sans as the primary typeface.

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

Where can I find CodeCombat's logo?
CodeCombat's logo is available directly on their site (CodeCombat logo).

How was this brand profile generated?
This profile was extracted from https://codecombat.com using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from https://codecombat.com on 2026-07-27 using the Firecrawl branding extraction API.