This palette combines warm earthy browns with muted burgundy and teal accents, reflecting the image's autumnal and cozy elegance. The neutrals balance these tones with soft warm beige and deep charcoal, creating a harmonious and approachable color system suitable for fashion or lifestyle brands.
This palette combines warm earthy browns with muted burgundy and teal accents, reflecting the image's autumnal and cozy elegance. The neutrals balance these tones with soft warm beige and deep charcoal, creating a harmonious and approachable color system suitable for fashion or lifestyle brands.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
Three main colors—deep burgundy, muted teal, and warm earthy brown—work together as a triadic palette that offers vibrant but grounded color relationships.
Clear roles create a consistent brand experience.Assign existing palette colors to brand, typography, and interface roles.
A compact view of the brand, support, and neutral colors that make up this system.
Three main colors—deep burgundy, muted teal, and warm earthy brown—work together as a triadic palette that offers vibrant but grounded color relationships.
RolesLogo, Link, Btn Primary Bg
Deep Burgundy adds richness and a sense of luxury, providing boldness and warmth to the brand identity.
#6A2F47106, 47, 71336, 39, 300, 56, 33, 58RolesBtn Secondary Bg, Btn Outlined Border, Btn Outlined Text
Muted Teal introduces calmness and balance, contrasting the warmth of burgundy while maintaining sophistication.
#4C8D8876, 141, 136175, 30, 4346, 0, 4, 45RolesHeadline
Warm Earthy Brown grounds the palette with organic stability and approachability, tying natural elements into the system.
#7E5A3B126, 90, 5928, 36, 360, 29, 53, 51The support colors extend the palette with softer, lower saturation hues of wine red and olive green to gently complement and balance the main colors without competing visually.
RolesIcon, Border, Divider, Outline
Soft Wine complements Deep Burgundy by offering a lighter, muted tone suitable for details and accents.
#BC8C8F188, 140, 143356, 26, 640, 26, 24, 26Muted Olive balances the palette with an earthy green that harmonizes well alongside Warm Earthy Brown and Muted Teal.
#A3AF6E163, 175, 11071, 29, 567, 0, 37, 31Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBg Dark
#F2E9E4242, 233, 22821, 35, 920, 4, 6, 5RolesText
#342E2E52, 46, 460, 6, 190, 12, 12, 80Copy palette values for design systems, websites, and client handoff.
Use these in CSS when you want every raw palette color available by name. Best for websites, landing pages, and design system variables.
Use when: you need the actual colors.:root {
--color-deep-burgundy: #6A2F47;
--color-muted-teal: #4C8D88;
--color-warm-earthy-brown: #7E5A3B;
--color-soft-wine: #BC8C8F;
--color-muted-olive: #A3AF6E;
--color-pure-white: #FFFFFF;
--color-soft-ivory: #F2E9E4;
--color-charcoal: #342E2E;
}Use these in CSS when colors are assigned to practical jobs like text, buttons, borders, links, and backgrounds.
Use when: you need UI roles, not just swatches.:root {
--role-logo: #6A2F47;
--role-link: #6A2F47;
--role-btn-primary-bg: #6A2F47;
--role-btn-secondary-bg: #4C8D88;
--role-btn-outlined-border: #4C8D88;
--role-btn-outlined-text: #4C8D88;
--role-headline: #7E5A3B;
--role-icon: #BC8C8F;
--role-border: #BC8C8F;
--role-divider: #BC8C8F;
--role-outline: #BC8C8F;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-bg-dark: #F2E9E4;
--role-text: #342E2E;
}Use this structured palette data in apps, generators, plugins, or tools that need to read the palette programmatically.
Use when: a developer or app needs data.{
"deep-burgundy": "#6A2F47",
"muted-teal": "#4C8D88",
"warm-earthy-brown": "#7E5A3B",
"soft-wine": "#BC8C8F",
"muted-olive": "#A3AF6E",
"pure-white": "#FFFFFF",
"soft-ivory": "#F2E9E4",
"charcoal": "#342E2E"
}