RealRoots Brand Identity

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

Color Palette

Brand palette extracted from http://www.therealroots.com.

primary
#D5C8B9
rgb(213, 200, 185)
secondary
#D0C7DB
rgb(208, 199, 219)
accent
#D2DED9
rgb(210, 222, 217)
background
#FFFFFF
rgb(255, 255, 255)
textPrimary
#333333
rgb(51, 51, 51)
link
#DCE6ED
rgb(220, 230, 237)

Typography

Each font links to its Google Fonts page where available.

primary
DM Sans
DM Sans Google Fonts →

heading
DM Sans
DM Sans Google Fonts →

Font Stack
DM Sans, sans-serif

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using RealRoots's actual button styles.

Button Primary

• background: #D2DED9
• textColor: #333333
• borderColor: #D2DED9
• borderRadius: 100px
• shadow: none

Button Secondary

• background: #DCE6ED
• textColor: #333333
• borderRadius: 0px
• shadow: none

Brand Personality

• Tone: playful
• Energy: medium
• Audience: young adults seeking social connections

Frequently Asked Questions

What is RealRoots's primary brand color?
RealRoots's primary brand color is #D5C8B9. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does RealRoots use?
RealRoots uses #D2DED9 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does RealRoots use?
RealRoots uses DM Sans as the primary typeface across body and headings.

Does RealRoots use a light or dark theme?
RealRoots's primary site uses a light color scheme, with a background of #FFFFFF.

Where can I find RealRoots's logo?
RealRoots's logo is available directly on their site (RealRoots). 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 http://www.therealroots.com 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 RealRoots.