Datree Brand: Colors, Fonts, Logo & Visual Identity
Datree Brand Identity
A complete profile of Datree's visual system — colors, typography, components, and personality — extracted from https://datree.io. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://datree.io.
Colors
- Primary: #012236
- Secondary: #1A394A
- Accent: #FF3377
- Background: #FFFFFF
- Text Primary: #1A394A
- Link: #1A394A
Typography
Each font links to its Google Fonts page where available.
Fonts
- Primary: Poppins
- Heading: Poppins
- Poppins Google Fonts →
Visual Assets
UI Components
Live previews rendered using Datree's actual button styles.
Button Primary
- Background: #FF3377
- Text Color: #F0F9FF
- Border Color: #E01357
- Border Radius: 7.936px
- Shadow: rgba(224, 19, 87, 0.4) 0px -14px 20px 0px, rgba(224, 19, 87, 0.4) 0px 14px 20px 0px
Button Secondary
- Background: #012236
- Text Color: #F0F9FF
- Border Color: #F0F9FF
- Border Radius: 7.936px
- Shadow: none
Brand Personality
- Tone: professional
- Energy: medium
- Audience: developers and IT professionals
Datree Brand in the Wild
Real-world brand assets — ads, campaigns, and marketing materials.
Image: cdn.prod.website-files.com
Source: datree.io
Image: cdn.prod.website-files.com
Source: datree.io
Image: hub.datree.io
Source: hub.datree.io
Image: cdn.prod.website-files.com
Source: datree.io
.png){kind=link}
Image: cdn.prod.website-files.com
Source: datree.io
Image: cdn.prod.website-files.com
Source: datree.io
.png){kind=link}
Frequently Asked Questions
What is Datree's primary brand color?
Datree's primary brand color is #012236. It anchors the visual identity across their website, product UI, and marketing materials.What accent color does Datree use?
Datree uses #FF3377 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.What font does Datree use?
Datree uses Poppins as the primary typeface across body and headings.Does Datree use a light or dark theme?
Datree's primary site uses a light color scheme, with a background of #FFFFFF.Where can I find Datree's logo?
Datree's logo is available directly on their site (https://datree.io). 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://datree.io 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 Datree.