Quilt Brand Identity

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

Color Palette

Brand palette extracted from https://www.quilt.com/.
primary
#FF7B5E
rgb(255, 123, 94)
secondary
#7FEBF9
rgb(127, 235, 249)
accent
#000000
rgb(0, 0, 0)
background
#FEF9F3
rgb(254, 249, 243)
textPrimary
#000000
rgb(0, 0, 0)
link
#FFF8EF
rgb(255, 248, 239)

Typography

Each font links to its Google Fonts page where available.
primary
Quilt Sans
Quilt Sans Google Fonts →
heading
Quilt Serif
Quilt Serif Google Fonts →

Visual Assets

%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E)

UI Components

Live previews rendered using Quilt's actual button styles.

Input

input
background#3A3A3AtextColor#FFFFFFborderColor#6A6A6AborderRadius12pxshadownone

Button Primary

buttonPrimary
background#000000textColor#FFFFFFborderRadius9999pxshadownone

Button Secondary

buttonSecondary
backgroundtransparenttextColor#000000borderColor#000000borderRadius9999pxshadownone

Brand Personality

Tone: modern Energy: medium Audience: homeowners interested in smart home technology

Frequently Asked Questions

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

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

What font does Quilt use?
Quilt uses Quilt Sans for body text and Quilt Serif for headings. Fonts were detected on https://www.quilt.com/ as part of their live design system.

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

Where can I find Quilt's logo?
Quilt's logo is available directly on their site (https://www.quilt.com/). The current logo URL is included in the machine-readable JSON profile linked above.