Concord Materials Brand: Colors, Fonts, Logo & Visual Identity
Concord Materials Brand Identity
A complete profile of Concord Materials's visual system — colors, typography, components, and personality — extracted from https://concordmaterials.com. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://concordmaterials.com.
- primary: #B1B5D3
- rgb: (177, 181, 211)
- secondary: #211E32
- rgb: (33, 30, 50)
- accent: #52BD95
- rgb: (82, 189, 149)
- background: #FFFFFF
- rgb: (255, 255, 255)
- textPrimary: #000000
- rgb: (0, 0, 0)
- link: #52BD95
- rgb: (82, 189, 149)
Typography
Each font links to its Google Fonts page where available.
- primary: Lato
- heading: Lato
Visual Assets
Logo
Favicon
Social Card
UI Components
Live previews rendered using Concord Materials's actual button styles.
Input
- background: transparent
- textColor: #424242
- borderColor: null
- borderRadius: 0px
- shadow: none
Button Primary
- background: #52BD95
- textColor: #FFFFFF
- borderRadius: 4px
- shadow: rgba(17, 17, 17, 0.04) 0px 2px 4px 0px, rgba(33, 33, 33, 0.08) 0px 8px 32px 0px
Button Secondary
- background: #1090FF
- textColor: #FFFFFF
- borderColor: #1090FF
- borderRadius: 4px
- shadow: none
Brand Personality
- Tone: professional
- Energy: medium
- Audience: construction industry professionals
Frequently Asked Questions
What is Concord Materials's primary brand color?
Concord Materials's primary brand color is #B1B5D3. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Concord Materials use?
Concord Materials uses #52BD95 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Concord Materials use?
Concord Materials uses Lato as the primary typeface across body and headings.
Does Concord Materials use a light or dark theme?
Concord Materials's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Concord Materials's logo?
Concord Materials's logo is available directly on their site (https://concordmaterials.com). The current logo URL is included in the machine-readable JSON profile.
How was this brand profile generated?
This profile was extracted from https://concordmaterials.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.