Keel Brand: Colors, Fonts, Logo & Visual Identity

Keel Brand Identity

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

Color Palette

Brand palette extracted from https://keel.so/.

Type	Color Code	RGB
primary	#665E57	rgb(102, 94, 87)
secondary	#0000EE	rgb(0, 0, 238)
accent	#275F55	rgb(39, 95, 85)
background	#FFFFFF	rgb(255, 255, 255)
textPrimary	#26201C	rgb(38, 32, 28)
link	#FFF7F0	rgb(255, 247, 240)

Typography

Each font links to its Google Fonts page where available.

Body Font: Inter
Google Fonts →
Heading Font: Inter Display
Google Fonts →

UI Components

Live previews rendered using Keel's actual button styles.

Button Primary

Background: #275F55
Text Color: #0000EE
Border Radius: 4px
Shadow: none

Button Secondary

Background: #FFFFFF
Text Color: #0000EE
Border Radius: 4px
Shadow: rgba(255, 255, 255, 0.25) 0px 1px 2px 0px inset

Brand Personality

Tone: modern
Energy: medium
Audience: fast-moving teams and businesses

Frequently Asked Questions

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

What accent color does Keel use?
Keel uses #275F55 as an accent color, typically applied to interactive elements.

What font does Keel use?
Keel uses Inter for body text and Inter Display for headings.

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

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Inter Display",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#665E57",
    "secondary": "#0000EE",
    "accent": "#275F55",
    "background": "#FFFFFF",
    "textPrimary": "#26201C",
    "link": "#FFF7F0"
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%3B%22%20viewBox%3D%220%200%201596%20512%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E...",
    "favicon": "https://framerusercontent.com/images/Wf85mbqVlrOa7BsV1na5LvYN3s.svg"
  }
}