# Maroo Brand Identity

A complete profile of **Maroo**'s visual system — colors, typography, components, and personality — extracted from [https://maroo.us/](https://maroo.us/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from https://maroo.us/.  
primary  
`#FDEDE9`  
`rgb(253, 237, 233)`  
secondary  
`#3898EC`  
`rgb(56, 152, 236)`  
accent  
`#F47A5C`  
`rgb(244, 122, 92)`  
background  
`#FFFFFF`  
`rgb(255, 255, 255)`  
textPrimary  
`#F47A5C`  
`rgb(244, 122, 92)`  
link  
`#F47A5C`  
`rgb(244, 122, 92)`

## Typography

Each font links to its Google Fonts page where available.

primary  
Lato  
Lato [Google Fonts →](https://fonts.google.com/specimen/Lato)  
heading  
Gilroy  
Gilroy [Google Fonts →](https://fonts.google.com/specimen/Gilroy)  
Gilroy, Arial, sans-serif

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Maroo's actual button styles.

### Input

`input`

```
background #FFFFFF
textColor #333333
borderColor #D0D5DD
borderRadius 8px
shadow rgba(16, 24, 40, 0.05) 0px 1px 2px 0px
```

### Button Primary

`buttonPrimary`

```
background #F47A5C
textColor #FFFFFF
borderRadius 8px
shadow none
```

### Button Secondary

`buttonSecondary`

```
background #F9FAFB
textColor #0F1112
borderRadius 0px
shadow none
```

## Brand Personality

**Tone:** professional  
**Energy:** medium  
**Audience:** wedding and event businesses

## Frequently Asked Questions

### What is Maroo's primary brand color?

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

### What accent color does Maroo use?

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

### What font does Maroo use?

Maroo uses Lato for body text and Gilroy for headings. Fonts were detected on https://maroo.us/ as part of their live design system.

### Does Maroo use a light or dark theme?

Maroo's primary site uses a light color scheme, with a background of #FFFFFF.

### Where can I find Maroo's logo?

Maroo's logo is available directly on their site (https://maroo.us/). 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://maroo.us/ 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 Maroo.

## Design System

Brand data on this page was extracted from [https://maroo.us/](https://maroo.us/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers.