Mangrove Brand: Colors, Fonts, Logo & Visual Identity

Mangrove Brand Identity

A complete profile of Mangrove's visual system — colors, typography, components, and personality — extracted from mangrove.exchange. Built for designers, agents, and AI tools.

Primary

Primary Color: #00DF81

Color Palette

Brand palette extracted from https://www.mangrove.exchange/.

Primary: #00DF81 (rgb(0, 223, 129))
Secondary: #170F28 (rgb(23, 15, 40))
Accent: #00DF81 (rgb(0, 223, 129))
Background: #FFFFFF (rgb(255, 255, 255))
Text Primary: #032221 (rgb(3, 34, 33))
Link: #032221 (rgb(3, 34, 33))

Typography

Each font links to its Google Fonts page where available.

Primary Font: Axiforma Google Fonts →
Heading Font: Axiforma Google Fonts →
Font Stack: Axiforma, sans-serif

UI Components

Live previews rendered using Mangrove's actual button styles.

Button Primary

Background: #00DF81
Text Color: #032221
Border Color: #00DF81
Border Radius: 48px
Shadow: none

Button Secondary

Background: #06644E
Text Color: #F1F7F6
Border Color: #00DF81
Border Radius: 48px
Shadow: none

Brand Personality

Tone: modern
Energy: high
Audience: crypto enthusiasts and developers

Mangrove Brand in the Wild

Image: cdn.prod.website-files.com

Image: substackcdn.com

Frequently Asked Questions

What is Mangrove's primary brand color?
Mangrove's primary brand color is #00DF81. It anchors the visual identity across their website, product UI, and marketing materials.
What font does Mangrove use?
Mangrove uses Axiforma as the primary typeface across body and headings.
Does Mangrove use a light or dark theme?
Mangrove's primary site uses a light color scheme, with a background of #FFFFFF.
How was this brand profile generated?
This profile was extracted from mangrove.exchange 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 Mangrove.

Machine-Readable Profile

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

JSON Structure

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Axiforma",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#00DF81",
    "secondary": "#170F28",
    "accent": "#00DF81",
    "background": "#FFFFFF",
    "textPrimary": "#032221",
    "link": "#032221"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Axiforma",
      "heading": "Axiforma"
    },
    "fontStacks": {
      "heading": [
        "Axiforma",
        "sans-serif"
      ],
      "body": [
        "Axiforma",
        "sans-serif"
      ],
      "paragraph": [
        "Axiforma",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "67px",
      "h2": "51px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 8,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#00DF81",
      "textColor": "#032221",
      "borderColor": "#00DF81",
      "borderRadius": "48px",
      "borderRadiusCorners": {
        "topLeft": "48px",
        "topRight": "48px",
        "bottomRight": "48px",
        "bottomLeft": "48px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#06644E",
      "textColor": "#F1F7F6",
      "borderColor": "#00DF81",
      "borderRadius": "48px",
      "borderRadiusCorners": {
        "topLeft": "48px",
        "topRight": "48px",
        "bottomRight": "48px",
        "bottomLeft": "48px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "favicon": "https://cdn.prod.website-files.com/643a648917fe0ced56a7d27e/6469e783ffc7d3ef566bd3ae_Bright%20green%202.png",
    "ogImage": "https://cdn.prod.website-files.com/643a648917fe0ced56a7d27e/6469e4284df1a3122570db16_OG%20Image-2.jpg"
  }
}