This premium furniture brand palette uses warm, rich main colors inspired by luxurious woods and elegant metals, creating a distinctive and sophisticated system. Support colors are muted earth tones that subtly enhance the palette's warmth and balance, while neutrals provide clear contrast for text and backgrounds to ensure readability and a refined aesthetic.
This premium furniture brand palette uses warm, rich main colors inspired by luxurious woods and elegant metals, creating a distinctive and sophisticated system. Support colors are muted earth tones that subtly enhance the palette's warmth and balance, while neutrals provide clear contrast for text and backgrounds to ensure readability and a refined aesthetic.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors combine rich deep mahogany red, warm bronze, and soft ivory, forming an elegant analogous harmony that evokes warmth and premium craftsmanship recognizable across brand touchpoints.
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.
The main colors combine rich deep mahogany red, warm bronze, and soft ivory, forming an elegant analogous harmony that evokes warmth and premium craftsmanship recognizable across brand touchpoints.
RolesLogo, Btn Primary Bg, Btn Outlined Border, Btn Outlined Text
Mahogany serves as a commanding primary color that conveys luxury, stability, and craftsmanship essential for a premium furniture brand.
#4A1F1674, 31, 2210, 54, 190, 58, 70, 71RolesLink, Btn Secondary Bg, Headline
Bronze acts as an inviting secondary color that adds warmth and approachable elegance, perfectly balancing the deep mahogany.
#B67B4B182, 123, 7527, 42, 500, 32, 59, 29Ivory provides a soft tertiary accent with subtle warmth that enhances readability and visual comfort on richer backgrounds.
#F2E6D8242, 230, 21632, 50, 900, 5, 11, 5The support colors, Olive Drab and Warm Taupe, extend the palette by offering muted earthy tones that reinforce the natural, organic feel without competing with the rich main hues.
RolesIcon, Border, Divider, Outline
Olive Drab complements the warmth of the main colors by introducing a subdued natural green that offers balance and depth in interface elements.
#6B7156107, 113, 8673, 14, 395, 0, 24, 56Warm Taupe provides a gentle neutral accent supporting legibility and subtle contrast in headlines while harmonizing with bronze and mahogany.
#A39280163, 146, 12831, 16, 570, 10, 21, 36Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBg Dark
#F9F6F2249, 246, 24234, 37, 960, 1, 3, 2RolesText, Btn Secondary Text
#2B2B2B43, 43, 430, 0, 170, 0, 0, 83Copy 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-mahogany: #4A1F16;
--color-bronze: #B67B4B;
--color-ivory: #F2E6D8;
--color-olive-drab: #6B7156;
--color-warm-taupe: #A39280;
--color-white: #FFFFFF;
--color-almond-milk: #F9F6F2;
--color-charcoal: #2B2B2B;
}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: #4A1F16;
--role-btn-primary-bg: #4A1F16;
--role-btn-outlined-border: #4A1F16;
--role-btn-outlined-text: #4A1F16;
--role-link: #B67B4B;
--role-btn-secondary-bg: #B67B4B;
--role-headline: #B67B4B;
--role-icon: #6B7156;
--role-border: #6B7156;
--role-divider: #6B7156;
--role-outline: #6B7156;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-bg-dark: #F9F6F2;
--role-text: #2B2B2B;
--role-btn-secondary-text: #2B2B2B;
}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.{
"mahogany": "#4A1F16",
"bronze": "#B67B4B",
"ivory": "#F2E6D8",
"olive-drab": "#6B7156",
"warm-taupe": "#A39280",
"white": "#FFFFFF",
"almond-milk": "#F9F6F2",
"charcoal": "#2B2B2B"
}