Wren Brand Identity

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

Color Palette

Brand palette extracted from https://www.wren.co.

• primary: #00693D
  • rgb(0, 105, 61)
• secondary: #00836C
  • rgb(0, 131, 108)
• accent: #F79F22
  • rgb(247, 159, 34)
• background: #FFFFFF
  • rgb(255, 255, 255)
• textPrimary: #333333
  • rgb(51, 51, 51)
• link: #F79F22
  • rgb(247, 159, 34)

Typography

Each font links to its Google Fonts page where available.

• primary: Inter
  Inter Google Fonts →
• heading: InterDisplay

InterDisplay Google Fonts →

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M302.76%2C30.84a18.84%2C18.84%2C0%2C0%2C1%2C2.5-5.74%2C17%2C17%2C0%2C0%2C1%2C3.85-4.53q12.22%2C1.51%2C16.76%2C13.59%2C5.75-13.44%2C19.18-13.44a35.87%2C35.87%2C0%2C0%2C1%2C9.06%2C1.06%2C34.42%2C34.42%2C0%2C0%2C1-4.83%2C18.42%2C29.93%2C29.93%2C0%2C0%2C0-6.95-1.05q-8.76%2C0-14.19%2C9.36V96.68a58.62%2C58.62%2C0%2C0%2C1-9.75.76%2C64.16%2C64.16%2C0%2C0%2C1-10-.76V46.39Q308.35%2C35.68%2C302.76%2C30.84Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M419.35%2C65.57H377.67q.45%2C8.31%2C3.85%2C13.07t11.86%2C4.75q8.76%2C0%2C20.09-5.13a21.72%2C21.72%2C0%2C0%2C1%2C5.58%2C11.93q-12.07%2C8.61-29%2C8.61-16%2C0-24.24-9.89t-8.23-29.38a59%2C59%2C0%2C0%2C1%2C2.11-16.38%2C36.53%2C36.53%2C0%2C0%2C1%2C6.19-12.54%2C28.29%2C28.29%2C0%2C0%2C1%2C10-8.08%2C30.37%2C30.37%2C0%2C0%2C1%2C13.44-2.87A36.57%2C36.57%2C0%2C0%2C1%2C402.89%2C22a27.63%2C27.63%2C0%2C0%2C1%2C10%2C6.65A27.91%2C27.91%2C0%2C0%2C1%2C419%2C38.84a39%2C39%2C0%2C0%2C1%2C2%2C12.84%2C54.47%2C54.47%2C0%2C0%2C1-.46%2C7.17Q420.11%2C62.26%2C419.35%2C65.57ZM390.21%2C33.86q-11.79%2C0-12.69%2C17.82h25.07V49.87q0-7.26-3-11.63T390.21%2C33.86Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M496.83%2C46.24V79.17q0%2C9.66%2C3.17%2C14.34a17.06%2C17.06%2C0%2C0%2C1-11.63%2C4.23q-6.5%2C0-8.91-2.94c-1.61-2-2.42-5.06-2.42-9.29V50.32q0-6.8-1.66-9.51c-1.11-1.82-3.17-2.72-6.19-2.72q-8%2C0-14.95%2C7.25V96.68a33.79%2C33.79%2C0%2C0%2C1-4.76.61c-1.66.1-3.35.15-5.06.15s-3.39%2C0-5.06-.15a33.65%2C33.65%2C0%2C0%2C1-4.75-.61V21.93l.9-1.06h7.55q8.46%2C0%2C10.58%2C9.06%2C11-9.51%2C21.89-9.51t16.09%2C7Q496.82%2C34.46%2C496.83%2C46.24Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M151.81%2C28.33l-25-6c-3.09-9-8.1-16.29-14.62-19.92C95.35-7%2C59%2C13%2C31.86%2C25.64A119.25%2C119.25%2C0%2C0%2C1%2C0%2C35.48s22.52%2C82.66%2C81.58%2C72.17c39.64-7%2C52.26-45.1%2C48-74ZM59.09%2C64c-19.34%2C3-26.72-20.29-26.72-20.29s9.93%2C2.27%2C14.94-1.07C55%2C37.49%2C63.6%2C31.72%2C69.13%2C34.37%2C78.14%2C38.69%2C78.44%2C61%2C59.09%2C64Zm43.3-37.79a5.72%2C5.72%2C0%2C0%2C1-6.87-4.24A5.52%2C5.52%2C0%2C1%2C1%2C106.15%2C19%2C5.71%2C5.71%2C0%2C0%2C1%2C102.39%2C26.16Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using Wren's actual button styles.

• Button Primary
  Background: #F79F22
  Text Color: #FFFFFF
  Border Color: #23906B
  Border Radius: 0px
  Shadow: none

• Button Secondary
  Background: #00836C
  Text Color: #FFFFFF
  Border Color: #00836C
  Border Radius: 0px
  Shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: environmentally conscious individuals

Wren Brand in the Wild

Image Source: framerusercontent.com

Image Source: framerusercontent.com

Image Source: framerusercontent.com

Image Source: framerusercontent.com

Image Source: framerusercontent.com

Image Source: framerusercontent.com

Frequently Asked Questions

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

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

• What font does Wren use?
  Wren uses Inter for body text and InterDisplay for headings. Fonts were detected on https://www.wren.co as part of their live design system.

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

• Where can I find Wren's logo?
  Wren's logo is available directly on their site (https://www.wren.co). 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://www.wren.co 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 Wren.

Machine-Readable Profile

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

GET /branding/wren.json GET /branding/wren/llms.txt