Back to palettes

Palette

Mahogany Gild Edge

Rich, deep wood tones paired with a luxurious golden accent, conveying a sense of classic elegance and timeless craftsmanship.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mahogany Gild Edge reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Mahogany Gild Edge.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#36220E#5A3B1B#8B5C3D#B8860B#4A4A4A

Palette guide

How to use Mahogany Gild Edge

Overview

The Mahogany Gild Edge palette exudes classic elegance and timeless craftsmanship by pairing rich, deep wood tones with a luxurious golden accent. This scheme is perfect for designs that aim to convey sophistication, tradition, and quality. Key colors include the profound `#36220E`, the warm `#8B5C3D`, and the opulent `#B8860B`. It offers a harmonious blend of earthy browns and a radiant metallic highlight, creating a distinguished and refined aesthetic. Designers will find this palette excellent for establishing a sense of heritage, while developers can use it to build elegant and trustworthy interfaces.

Best used for

  • Luxury brand websites and packaging
  • Traditional furniture design and showrooms
  • Classic book covers and editorial layouts
  • Upscale restaurant and bar interiors
  • Antique restoration branding and services
  • Corporate annual reports and executive presentations

Suggested color roles

primary

Utilize `#5A3B1B` as the rich, mid-tone mahogany, serving as a primary brand color or for larger content blocks requiring warmth and depth.

secondary

Employ `#8B5C3D` as a warmer, lighter wood tone, perfect for supporting elements, subheadings, or to add visual texture.

accent

Apply `#B8860B` as the luxurious gold accent, ideal for small details, icons, borders, or to signify premium quality and elegance.

background

Designate `#36220E` as the deepest, dark wood base, providing a sophisticated and grounding background that makes other elements stand out.

text

For optimal readability on dark backgrounds like `#36220E`, use white or the gold accent `#B8860B`. On lighter wood tones, a dark charcoal or black is appropriate.

Accessibility notes

  • Ensure `#B8860B` (gold) has sufficient contrast when used for text or interactive elements on darker brown backgrounds.
  • White or very light text is essential on `#36220E` and `#5A3B1B` to meet WCAG AA standards.
  • When using `#4A4A4A` (dark grey) for text, ensure it's on a sufficiently light background like a lighter wood tone or white.
  • Avoid using `#36220E` as text on `#5A3B1B` due to insufficient contrast.

Recommended combinations

Classic Wood

Creates a rich, natural wood gradient, perfect for sophisticated backgrounds, product showcases, or layered UI elements.

#36220E · #5A3B1B · #8B5C3D

Gilded Accent

Ideal for highlighting premium features, combining the mahogany with a luxurious gold and a grounding grey for balance.

#5A3B1B · #B8860B · #4A4A4A

Elegant Contrast

Perfect for a dark, elegant theme, using the deepest brown as a base with gold accents and a charcoal grey for sophisticated text.

#36220E · #B8860B · #4A4A4A

CSS variables

:root {
  --mahogany-gild-edge-1: #36220E;
  --mahogany-gild-edge-2: #5A3B1B;
  --mahogany-gild-edge-3: #8B5C3D;
  --mahogany-gild-edge-4: #B8860B;
  --mahogany-gild-edge-5: #4A4A4A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mahogany-gild-edge": {
        1: "#36220E",
        2: "#5A3B1B",
        3: "#8B5C3D",
        4: "#B8860B",
        5: "#4A4A4A",
      }
    }
  }
}

Related searches

mahogany color schemegold wood paletteclassic elegant colorsluxury interior designvintage brand colors

Palette colors

Hex values

Color 1#36220E
·
Color 2#5A3B1B
·
Color 3#8B5C3D
·
Color 4#B8860B
·
Color 5#4A4A4A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.7:1Fail
4.6:1AA
1.7:1Fail
2
1.5:1Fail
1.8:1Fail
3.1:1AA18
1.1:1Fail
3
2.7:1Fail
1.8:1Fail
1.7:1Fail
1.6:1Fail
4
4.6:1AA
3.1:1AA18
1.7:1Fail
2.7:1Fail
5
1.7:1Fail
1.1:1Fail
1.6:1Fail
2.7:1Fail

Similar palettes

More like Mahogany Gild Edge

View all dark
Art Deco Evening
Art Deco Glamour
Art Deco Midnight
Classic Library Hue
Crimson Velvet Theatre
Deco Grandeur Noir