← Back to Editor

#DAD952 · #B9AB63 · #9D7568 · #7F4376 · #392A4E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DAD952

Autumn Sage · SandyBrown · Sunflower

HEX
#DAD952
RGB
rgb(218, 217, 82)
HSL
hsl(60, 65%, 59%)
HSB
hsb(60, 62%, 85%)
CMYK
cmyk(0%, 0%, 62%, 15%)
Oklch
oklch(86.1% 0.154 108.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#B9AB63

Autumn Sage · Tan · Sunflower

HEX
#B9AB63
RGB
rgb(185, 171, 99)
HSL
hsl(50, 38%, 56%)
HSB
hsb(50, 46%, 73%)
CMYK
cmyk(0%, 8%, 46%, 27%)
Oklch
oklch(73.7% 0.094 98.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#9D7568

Tangerine · Gray · Warm Sun

HEX
#9D7568
RGB
rgb(157, 117, 104)
HSL
hsl(15, 21%, 51%)
HSB
hsb(15, 34%, 62%)
CMYK
cmyk(0%, 25%, 34%, 38%)
Oklch
oklch(59.9% 0.054 38.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#7F4376

Rose Purple · DimGray · Eggplant

HEX
#7F4376
RGB
rgb(127, 67, 118)
HSL
hsl(309, 31%, 38%)
HSB
hsb(309, 47%, 50%)
CMYK
cmyk(0%, 47%, 7%, 50%)
Oklch
oklch(47.5% 0.107 332.9)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#392A4E

Deep Indigo · DarkSlateGray · Eggplant

HEX
#392A4E
RGB
rgb(57, 42, 78)
HSL
hsl(265, 30%, 24%)
HSB
hsb(265, 46%, 31%)
CMYK
cmyk(27%, 46%, 0%, 69%)
Oklch
oklch(32.0% 0.065 302.1)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAD952
5252DA

Analogous

DA9652
DAD952
96DA52

Triadic

DAD952
52DADA
DA52DA

Split-Comp.

DAD952
5296DA
9652DA

Tetradic

DAD952
52DA96
5252DA
DA5296

Contrast Matrix WCAG 2.1 Contrast

DAD952
B9AB63
9D7568
7F4376
392A4E
—
1.5
Fail
2.7
Fail
4.7
AA
8.7
AAA
1.5
Fail
—
1.8
Fail
3.1
AA Large
5.6
AA
2.7
Fail
1.8
Fail
—
1.7
Fail
3.2
AA Large
4.7
AA
3.1
AA Large
1.7
Fail
—
1.8
Fail
8.7
AAA
5.6
AA
3.2
AA Large
1.8
Fail
—
White BG
1.5Fail
2.3Fail
4.1AA Large
7.1AAA
13.0AAA
Black BG
14.0AAA
9.1AAA
5.2AA
3.0Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADA73
B3B374
8C8B6B
65646A
333245

Deuteranopia

DADA7B
B4B579
8E916C
696D67
333543

Tritanopia

DA8C92
B88285
9B6E6E
7C605E
383E3D

Achromatopsia

CACACA
A7A7A7
7F7F7F
5B5B5B
333333

Shades & Tints Shades & Tints

#DAD952

Dark
Light

#B9AB63

Dark
Light

#9D7568

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dad952;
  --color-2: #b9ab63;
  --color-3: #9d7568;
  --color-4: #7f4376;
  --color-5: #392a4e;
}

SCSS

$color-1: #dad952;
$color-2: #b9ab63;
$color-3: #9d7568;
$color-4: #7f4376;
$color-5: #392a4e;

TAILWIND

colors: {
  'brand-1': '#dad952',
  'brand-2': '#b9ab63',
  'brand-3': '#9d7568',
  'brand-4': '#7f4376',
  'brand-5': '#392a4e',
}

RGB Array

[218, 217, 82], [185, 171, 99], [157, 117, 104], [127, 67, 118], [57, 42, 78]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAD952, #B9AB63, #9D7568, #7F4376, #392A4E 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: #dad952; --color-2: #b9ab63; --color-3: #9d7568; --color-4: #7f4376; --color-5: #392a4e. 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