What are the hex codes in the Copper & Marigold Bloom palette?

The Copper & Marigold Bloom color palette consists of Chocolate #793E19, Copper #BC6B15, Marigold #DBA953, Parchment #F1EACE.

How should I use the Copper & Marigold Bloom palette on a website?

Use Parchment #F1EACE as the background, Chocolate #793E19 for text, Copper #BC6B15 for buttons and links, and Marigold #DBA953 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Chocolate on Parchment at 6.92:1.

Which colors in Copper & Marigold Bloom have enough contrast for text?

The highest-contrast pair is #793E19 on #F1EACE with a ratio of 6.92:1, which passes WCAG AA for normal text.

#793E19Chocolate

#BC6B15Copper

#DBA953Marigold

#F1EACEParchment

Copper & Marigold Bloom color palette

Warm Earthy Brown Beige

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Chocolate	`#793E19`	`rgb(121, 62, 25)`	`hsl(23, 66%, 29%)`	`oklch(43.2% 0.096 50)`
Copper	`#BC6B15`	`rgb(188, 107, 21)`	`hsl(31, 80%, 41%)`	`oklch(60.7% 0.136 60)`
Marigold	`#DBA953`	`rgb(219, 169, 83)`	`hsl(38, 65%, 59%)`	`oklch(76.4% 0.119 79)`
Parchment	`#F1EACE`	`rgb(241, 234, 206)`	`hsl(48, 56%, 88%)`	`oklch(93.5% 0.038 95)`

Why it works and how to use it

Copper & Marigold Bloom is a vivid analogous color palette tagged warm, earthy, brown. Analogous neighbors on the wheel (Chocolate, Copper, Marigold) give it a natural, low-tension flow. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.

With 4 chromatic colors, Copper takes the lead while the rest support. Lightness runs from 29% to 88%. Well suited to wellness, organic and outdoor brands.

Background: Parchment (#F1EACE) is the lightest color, so it belongs on large surfaces.
Text: Chocolate (#793E19) on #F1EACE gives 6.92:1, passing WCAG AA.
Primary: Copper (#BC6B15) is the most saturated mid-tone; use it for buttons and links (3.31:1 against the background, fine for UI elements).
Accent: Marigold (#DBA953) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Chocolate on Parchment at 6.92:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Copper & Marigold Bloom

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#793E19

#BC6B15

#DBA953

#F1EACE

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#793E19` on `#F1EACE`	Aa	6.92:1	AA
`#793E19` on `#DBA953`	Aa	3.9:1	AA large only
`#BC6B15` on `#F1EACE`	Aa	3.31:1	AA large only
`#793E19` on `#BC6B15`	Aa	2.09:1	Fail
`#BC6B15` on `#DBA953`	Aa	1.87:1	Fail
`#DBA953` on `#F1EACE`	Aa	1.77:1	Fail

:root {
  --chocolate: #793E19;
  --copper: #BC6B15;
  --marigold: #DBA953;
  --parchment: #F1EACE;
}

$chocolate: #793E19;
$copper: #BC6B15;
$marigold: #DBA953;
$parchment: #F1EACE;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'chocolate': '#793E19',
        'copper': '#BC6B15',
        'marigold': '#DBA953',
        'parchment': '#F1EACE',
      },
    },
  },
};

{
  "name": "Copper & Marigold Bloom",
  "colors": [
    "#793E19",
    "#BC6B15",
    "#DBA953",
    "#F1EACE"
  ]
}

background: linear-gradient(135deg, #793E19, #BC6B15, #DBA953, #F1EACE);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2025-09-21 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood