Chroma Brand: Colors, Fonts, Logo & Visual Identity

Chroma Brand Identity

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

Color Palette

Brand palette extracted from trychroma.com.

Primary: #364153
Secondary: #101828
Accent: #171717
Background: #FAFAF9
Text Primary: #0A0A0A
Link: #4A5565

Typography

Each font links to its Google Fonts page where available.

Primary: Inter (Google Fonts →)
Heading: Inter (Google Fonts →)

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Chroma's actual button styles.

Input

Property	Value
Background	transparent
Text Color	#101828
Border Color	null
Border Radius	0px
Shadow	none

Button Primary

Property	Value
Background	#171717
Text Color	#FAFAFA
Border Radius	6px
Shadow	none

Button Secondary

Property	Value
Background	#FFFFFF
Text Color	#364153
Border Color	#D1D5DC
Border Radius	33554400px
Shadow	none

Brand Personality

Tone: modern
Energy: medium
Audience: developers and AI professionals

Chroma Brand in the Wild

Source: trychroma.com

Frequently Asked Questions

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

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

What font does Chroma use?
Chroma uses Inter as the primary typeface across body and headings.

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

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

How was this brand profile generated?
This profile was extracted from trychroma.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.