← Back to Editor

#D2BD90 · #B39330 · #A88029 · #925100 · #C1B58F

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D2BD90

Ginger · Tan · Sunflower

HEX
#D2BD90
RGB
rgb(210, 189, 144)
HSL
hsl(41, 42%, 69%)
HSB
hsb(41, 31%, 82%)
CMYK
cmyk(0%, 10%, 31%, 18%)
Oklch
oklch(80.5% 0.064 85.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#B39330

Ochre · DarkGoldenRod · Honey Gold

HEX
#B39330
RGB
rgb(179, 147, 48)
HSL
hsl(45, 58%, 45%)
HSB
hsb(45, 73%, 70%)
CMYK
cmyk(0%, 18%, 73%, 30%)
Oklch
oklch(67.5% 0.120 90.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#A88029

Ochre · DarkGoldenRod · Honey Gold

HEX
#A88029
RGB
rgb(168, 128, 41)
HSL
hsl(41, 61%, 41%)
HSB
hsb(41, 76%, 66%)
CMYK
cmyk(0%, 24%, 76%, 34%)
Oklch
oklch(62.3% 0.112 82.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#925100

Ochre · Sienna · Amber Brown

HEX
#925100
RGB
rgb(146, 81, 0)
HSL
hsl(33, 100%, 29%)
HSB
hsb(33, 100%, 57%)
CMYK
cmyk(0%, 45%, 100%, 43%)
Oklch
oklch(50.1% 0.116 61.0)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#C1B58F

Ginger · Tan · Sunflower

HEX
#C1B58F
RGB
rgb(193, 181, 143)
HSL
hsl(46, 29%, 66%)
HSB
hsb(46, 26%, 76%)
CMYK
cmyk(0%, 6%, 26%, 24%)
Oklch
oklch(77.3% 0.053 92.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2BD90
8FA4D1

Analogous

D19B8F
D2BD90
C5D18F

Triadic

D2BD90
8FD1BC
BC8FD1

Split-Comp.

D2BD90
8FC5D1
9B8FD1

Tetradic

D2BD90
8FD19B
8FA4D1
D18FC5

Contrast Matrix WCAG 2.1 Contrast

D2BD90
B39330
A88029
925100
C1B58F
—
1.6
Fail
2.0
Fail
3.4
AA Large
1.1
Fail
1.6
Fail
—
1.2
Fail
2.1
Fail
1.4
Fail
2.0
Fail
1.2
Fail
—
1.7
Fail
1.8
Fail
3.4
AA Large
2.1
Fail
1.7
Fail
—
3.0
AA Large
1.1
Fail
1.4
Fail
1.8
Fail
3.0
AA Large
—
White BG
1.8Fail
2.9Fail
3.6AA Large
6.2AA
2.0Fail
Black BG
11.4AAA
7.1AAA
5.8AA
3.4AA Large
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C99B
A5A548
97963E
767514
BCBC98

Deuteranopia

CACC9E
A7A94E
999C43
7A7E18
BDBD9A

Tritanopia

D1A3A5
B15B5F
A64F52
8F2326
C09FA1

Achromatopsia

BEBEBE
919191
828282
5B5B5B
B4B4B4

Shades & Tints Shades & Tints

#D2BD90

Dark
Light

#B39330

Dark
Light

#A88029

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2bd90;
  --color-2: #b39330;
  --color-3: #a88029;
  --color-4: #925100;
  --color-5: #c1b58f;
}

SCSS

$color-1: #d2bd90;
$color-2: #b39330;
$color-3: #a88029;
$color-4: #925100;
$color-5: #c1b58f;

TAILWIND

colors: {
  'brand-1': '#d2bd90',
  'brand-2': '#b39330',
  'brand-3': '#a88029',
  'brand-4': '#925100',
  'brand-5': '#c1b58f',
}

RGB Array

[210, 189, 144], [179, 147, 48], [168, 128, 41], [146, 81, 0], [193, 181, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D2BD90, #B39330, #A88029, #925100, #C1B58F is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d2bd90; --color-2: #b39330; --color-3: #a88029; --color-4: #925100; --color-5: #c1b58f. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color