Foster Brand: Colors, Fonts, Logo & Visual Identity

Foster Brand Identity

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

Color Palette

Brand palette extracted from https://foster.co.

primary

Hex: #F2E8DF
RGB: rgb(242, 232, 223)

accent

Hex: #CD3E24
RGB: rgb(205, 62, 36)

background

Hex: #F8F4EC
RGB: rgb(248, 244, 236)

textPrimary

Hex: #333333
RGB: rgb(51, 51, 51)

link

Hex: #0000EE
RGB: rgb(0, 0, 238)

Typography

Each font links to its Google Fonts page where available.

primary

Source Sans 3 Google Fonts →

heading

Libre Baskerville Google Fonts →

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Foster's actual button styles.

Input

Background: #FFFFFF
Text Color: #000000
Border Color: #E3E3E3
Border Radius: 4px
Shadow: none

Button Primary

Background: #CD3E24
Text Color: #FFFFFF
Border Radius: 0px
Shadow: none

Brand Personality

Tone: professional
Energy: medium
Audience: writers and creatives

Foster Brand in the Wild

Source: foster.co

Frequently Asked Questions

What is Foster's primary brand color?

Foster's primary brand color is #F2E8DF. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Foster use?

Foster uses #CD3E24 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Foster use?

Foster uses Source Sans 3 for body text and Libre Baskerville for headings. Fonts were detected on https://foster.co as part of their live design system.

Does Foster use a light or dark theme?

Foster's primary site uses a light color scheme, with a background of #F8F4EC.

Where can I find Foster's logo?

Foster's logo is available directly on their site (https://foster.co). 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 https://foster.co 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 Foster.

Methodology

Brand data on this page was extracted from https://foster.co 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. This page is published by CharacterQuilt and is not affiliated with or endorsed by Foster.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Source Sans 3",
      "role": "body"
    },
    {
      "family": "Libre Baskerville",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#F2E8DF",
    "accent": "#CD3E24",
    "background": "#F8F4EC",
    "textPrimary": "#333333",
    "link": "#0000EE"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Source Sans 3",
      "heading": "Libre Baskerville"
    },
    "fontStacks": {
      "heading": [
        "Libre Baskerville",
        "sans-serif"
      ],
      "body": [
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Source Sans 3",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "44px",
      "h2": "20px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#000000",
      "borderColor": "#E3E3E3",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#CD3E24",
      "textColor": "#FFFFFF",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/65fa57196af60d82922043cc/65fa5c9eb3cc0c029164d3ce_foster-logo-lockup.svg",
    "favicon": "https://cdn.prod.website-files.com/65fa57196af60d82922043cc/6601fb92986ce7dda347ddcd_favicon.png",
    "ogImage": "https://cdn.prod.website-files.com/65fa57196af60d82922043cc/680f84336be49132a097b63c_Option%203%20Revised%20April%202025.png",
    "logoHref": "/"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "writers and creatives"
  }
}