Black & Gold Gradient Color Code

Lucas Aug 20, 2026

The elegant black and gold gradient color combination has long been a favorite in design, conveying luxury, power, and sophistication. But what exactly are the color codes behind this captivating duo? Let's dive into the world of black and gold gradients, exploring the RGB, HEX, and HSL codes that make up these stunning shades.

the color scheme is gold, black and white with an elegant pattern on each side
the color scheme is gold, black and white with an elegant pattern on each side

First, let's set the stage. The color black, the absence of light, is universally known and used. In the RGB color model, it's simply (0, 0, 0), while in HEX, it's #000000. But gold, on the other hand, isn't as straightforward. It varies depending on the desired shade, from a rich, deep gold to a bright, shimmering gilded hue.

three gold and black credit cards are shown
three gold and black credit cards are shown

Understanding Gold Color Codes

In the RGB model, gold typically falls in the range of (255, 215, 0) to (255, 165, 0). Here's a breakdown:

the rooi vibe color palette is shown in gold, silver, and black colors
the rooi vibe color palette is shown in gold, silver, and black colors

The first value, 255, represents the maximum intensity of red, giving gold its warm, vibrant tone. The second value, ranging from 215 to 165, is for green, determining the gold's depth and richness. Zero, the final value, signifies no blue, keeping the gold decidedly warm and vibrant.

Rich Gold: #CD7F32 (HEX)

Black & Gold Color Palette | Bold Luxury Branding Colors
Black & Gold Color Palette | Bold Luxury Branding Colors

One popular gold shade is #CD7F32 in HEX. In this code, 'CD' represents the red component (205 in decimal), '7F' the green (127), and '32' the blue (50). This shade of gold offers a balance between richness and vibrancy.

Converted to RGB, #CD7F32 becomes (205, 127, 50). You can see how the higher value for red and moderate value for green give this gold its appealing, warm glow.

Light Gold: #DAA520 (HEX)

ノグチデザイン (@n_seitan) on X
ノグチデザイン (@n_seitan) on X

For a brighter, more cheerful gold, consider #DAA520. In this HEX code, 'DA' translates to 218 for red, 'AA' to 170 for green, and '20' to 32 for blue. This shade of gold subtly hints at yellow, making it a great fit for designs aimed at creating a lighter, more playful atmosphere.

In RGB, #DAA520 is (218, 165, 32), illustrating how the higher green value brings out the gold's lighter side.

Black and Gold Gradients: The Perfect Balance

the gold and black business card is shown in three different colors, including one with an elegant
the gold and black business card is shown in three different colors, including one with an elegant

The black and gold gradient effect combines the drama of black with the richness and warmth of gold, creating a striking visual contrast. This contrast not only catches the eye but also conveys a sense of balance. After all, gold's vibrancy is tempered by black's subdued, understated elegance.

To create a black and gold gradient, start with the HEX code #000000 for black and gradually transition to your chosen gold shade. For a rich, sophisticated gradient, try #CD7F32 or #DAA520, depending on the mood you're aiming to create.

25+ Best Black Color Palettes with Names and Hex Codes
25+ Best Black Color Palettes with Names and Hex Codes
the gold guitar picker is shown in this graphic style, and features different types of pickupers
the gold guitar picker is shown in this graphic style, and features different types of pickupers
Modern Tech Gradient Color Palette | Startup, SaaS & Creative Agency UI Colors
Modern Tech Gradient Color Palette | Startup, SaaS & Creative Agency UI Colors
GFonts - by Maria
GFonts - by Maria
the black and gold color scheme is shown in three different colors, each with an individual's name
the black and gold color scheme is shown in three different colors, each with an individual's name
ノグチデザイン (@n_seitan) on X
ノグチデザイン (@n_seitan) on X
four different types of business cards with gold and black foil on the front, one is for
four different types of business cards with gold and black foil on the front, one is for
color palette | dark gold
color palette | dark gold
an image of a black and gold color scheme
an image of a black and gold color scheme

Creating Gradients with CSS

If you're a web developer, you can use CSS to create a black and gold gradient. Here's a simple example:

<body style="background: linear-gradient(black, #CD7F32);">

Black and Gold in Design

In graphic design, black and gold gradients are popular in logo design, packaging, and luxury branding. They can add a touch of opulence to invitations and event materials, Cocoa-Cola's classical logo design being a shining example of this.

Despite its timeless appeal, the black and gold gradient is also adaptable. It's been used in modern, minimalist designs, demonstrating that even classic color combinations can evolve with the times.

From the humble black to the radiant gold, the black and gold gradient offers a world of possibilities. Whether you're aiming for a rich, opulent feel or a more understated, elegant look, mastering these color codes is your first step towards harnessing the power of this captivating color combination. So, go ahead, explore the wide world of black and gold, and let these colors tell your unique story.