Klarity Brand: Colors, Fonts, Logo & Visual Identity
Klarity Brand Identity
A complete profile of Klarity's visual system — colors, typography, components, and personality — extracted from http://klarity.ai. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from http://klarity.ai.
primary
- Hex: #FFE0C8
- rgb(255, 224, 200)
accent
- Hex: #FF6C14
- rgb(255, 108, 20)
background
- Hex: #FFFDF5
- rgb(255, 253, 245)
textPrimary
- Hex: #FF6C14
- rgb(255, 108, 20)
link
- Hex: #FF6C14
- rgb(255, 108, 20)
Typography
Each font links to its Google Fonts page where available.
primary
- Funnel Sans
Google Fonts →
heading
- Funnel Display
Google Fonts →- Funnel Display, sans-serif
Visual Assets
%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M22.51%2C129.03H0v16.81h22.51v-16.81Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M38.73%2C95.39H0v16.81h38.73v-16.81Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)
Logo
Favicon
Social Card
UI Components
Live previews rendered using Klarity's actual button styles.
Button Primary
- Background: #FF6C14
- Text Color: #FFFFFF
- Border Radius: 33554400px
- Shadow: none
Button Secondary
- Background: #FFFFFF
- Text Color: #111111
- Border Color: #FF6C14
- Border Radius: 12px
- Shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px
Brand Personality
Tone: modern
Energy: high
Audience: business professionals seeking AI solutions
Klarity Brand in the Wild
Real-world brand assets — ads, campaigns, and marketing materials.
Source: klarity.ai
Source: klarity.ai
Frequently Asked Questions
What is Klarity's primary brand color?
Klarity's primary brand color is #FFE0C8. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Klarity use?
Klarity uses #FF6C14 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Klarity use?
Klarity uses Funnel Sans for body text and Funnel Display for headings. Fonts were detected on http://klarity.ai as part of their live design system.
Does Klarity use a light or dark theme?
Klarity's primary site uses a light color scheme, with a background of #FFFDF5.
Where can I find Klarity's logo?
Klarity's logo is available directly on their site (http://klarity.ai). 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://klarity.ai 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 Klarity.
Methodology
Brand data on this page was extracted from http://klarity.ai on 2026-07-27 using the Firecrawl branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.