Peach Brand: Colors, Fonts, Logo & Visual Identity

Peach Brand Identity

A complete profile of Peach's visual system — colors, typography, components, and personality — extracted from Peach Finance.

Color Palette

Brand palette extracted from Peach Finance.

Typography

Each font links to its Google Fonts page where available.

Visual Assets

UI Components

Live previews rendered using Peach's actual button styles.

Brand Personality

Frequently Asked Questions

  1. What is Peach's primary brand color?
    Peach's primary brand color is #F8E3DE.

  2. What accent color does Peach use?
    Peach uses #DE7259 as an accent color.

  3. What font does Peach use?
    Peach uses Graphik Web as the primary typeface.

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

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

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

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Graphik Web",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#F8E3DE",
    "secondary": "#2A4954",
    "accent": "#DE7259",
    "background": "#FFFFFF",
    "textPrimary": "#222222",
    "link": "#DE7259"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Graphik Web",
      "heading": "Graphik Web"
    },
    "fontStacks": {
      "heading": [
        "Graphik Web",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Graphik Web",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Graphik Web",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "32px",
      "h2": "40px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "6px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#DE7259",
      "textColor": "#5F1C07",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "rgba(0, 0, 0, 0.07) 0px 2px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 5px 0px, rgba(0, 0, 0, 0.05) 0px 2px 4px 0px"
    },
    "buttonSecondary": {
      "background": "#2A4954",
      "textColor": "#FFFFFF",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/6993b9018d4b328fa68b6072/69a9ec11b73c3d8e17a78e22_nav%20peach%20logo%20-%20dark.svg",
    "favicon": "https://cdn.prod.website-files.com/6993b9018d4b328fa68b6072/6993bc2a840fe8ff596ec8da_peach-favicon.png",
    "ogImage": "https://cdn.prod.website-files.com/6993b9018d4b328fa68b6072/69b309abef5714d22ad0a41a_Peach%20Opengraph.png"
  }
}