Rarebird Brand: Colors, Fonts, Logo & Visual Identity

Rarebird Brand Identity

A complete profile of Rarebird's visual system — colors, typography, components, and personality — extracted from http://www.rarebird.coffee. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from http://www.rarebird.coffee.

Color Hex RGB
primary #EAFFED rgb(234, 255, 237)
secondary #2563EB rgb(37, 99, 235)
accent #2240FF rgb(34, 64, 255)
background #FFFFFF rgb(255, 255, 255)
textPrimary #2240FF rgb(34, 64, 255)
link #2240FF rgb(34, 64, 255)

Typography

Each font links to its Google Fonts page where available.

Role Font Name Link
primary Asap Google Fonts →
heading Proza Libre Google Fonts →

Visual Assets

Logo

Favicon

UI Components

Live previews rendered using Rarebird's actual button styles.

Input

Property Value
background #FFFFFF
textColor #FFFFFF
borderColor null
borderRadius 6px
shadow none

Button Primary

Property Value
background #2240FF
textColor #FFFFFF
borderRadius 60px
shadow rgba(122, 216, 255, 0) 0px 0px 0px 0px

Button Secondary

Property Value
background #FFFFFF
textColor #2240FF
borderRadius 60px
shadow rgba(122, 216, 255, 0) 0px 0px 0px 0px

Brand Personality

Tone: modern Energy: medium Audience: health-conscious coffee drinkers

Rarebird Brand in the Wild

Image: rarebird.coffee

Source: rarebird.coffee

Image: cdn.shopify.com

Source: rarebird.coffee

Frequently Asked Questions

  1. What is Rarebird's primary brand color? Rarebird's primary brand color is #EAFFED.

  2. What accent color does Rarebird use? Rarebird uses #2240FF as an accent color.

  3. What font does Rarebird use? Rarebird uses Asap for body text and Proza Libre for headings.

  4. Does Rarebird use a light or dark theme? Rarebird's primary site uses a light color scheme.

  5. Where can I find Rarebird's logo? Rarebird's logo is available directly on their site.

  6. How was this brand profile generated? This profile was extracted using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from http://www.rarebird.coffee on 2026-07-27 using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Asap",
      "role": "body"
    },
    {
      "family": "Proza Libre",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#EAFFED",
    "secondary": "#2563EB",
    "accent": "#2240FF",
    "background": "#FFFFFF",
    "textPrimary": "#2240FF",
    "link": "#2240FF"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Asap",
      "heading": "Proza Libre"
    },
    "fontStacks": {
      "heading": [
        "Proza Libre",
        "sans-serif"
      ],
      "body": [
        "Asap",
        "sans-serif"
      ],
      "paragraph": [
        "Asap",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "32px",
      "h2": "64px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#FFFFFF",
      "borderColor": null,
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#2240FF",
      "textColor": "#FFFFFF",
      "borderRadius": "60px",
      "borderRadiusCorners": {
        "topLeft": "60px",
        "topRight": "60px",
        "bottomRight": "60px",
        "bottomLeft": "60px"
      },
      "shadow": "rgba(122, 216, 255, 0) 0px 0px 0px 0px"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#2240FF",
      "borderRadius": "60px",
      "borderRadiusCorners": {
        "topLeft": "60px",
        "topRight": "60px",
        "bottomRight": "60px",
        "bottomLeft": "60px"
      },
      "shadow": "rgba(122, 216, 255, 0) 0px 0px 0px 0px"
    }
  },
  "images": {
    "logo": "https://rarebird.coffee/cdn/shop/files/RB-Primary-Logo-RareBlue.png?v=1740449015&width=2699",
    "favicon": "https://rarebird.coffee/cdn/shop/files/favicon.png?crop=center&height=32&v=1774990575&width=32",
    "ogImage": null,
    "logoHref": "/"
  }
}