← Back to Editor

#A19131 · #A67638 · #DD928D · #BDB88E · #D6CABC

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

#A19131

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A19131
RGB
rgb(161, 145, 49)
HSL
hsl(51, 53%, 41%)
HSB
hsb(51, 70%, 63%)
CMYK
cmyk(0%, 10%, 70%, 37%)
Oklch
oklch(65.3% 0.116 99.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#A67638

Ochre · Sienna · Amber Brown

HEX
#A67638
RGB
rgb(166, 118, 56)
HSL
hsl(34, 50%, 44%)
HSB
hsb(34, 66%, 65%)
CMYK
cmyk(0%, 29%, 66%, 35%)
Oklch
oklch(60.2% 0.099 70.9)

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

#DD928D

Peach Pink · DarkSalmon · Coral Red

HEX
#DD928D
RGB
rgb(221, 146, 141)
HSL
hsl(4, 54%, 71%)
HSB
hsb(4, 36%, 87%)
CMYK
cmyk(0%, 34%, 36%, 13%)
Oklch
oklch(73.4% 0.092 23.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#BDB88E

Fresh Green · Tan · Sunflower

HEX
#BDB88E
RGB
rgb(189, 184, 142)
HSL
hsl(54, 26%, 65%)
HSB
hsb(54, 25%, 74%)
CMYK
cmyk(0%, 3%, 25%, 26%)
Oklch
oklch(77.6% 0.057 102.0)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#D6CABC

Goose Yellow · Silver · Peach Orange

HEX
#D6CABC
RGB
rgb(214, 202, 188)
HSL
hsl(32, 24%, 79%)
HSB
hsb(32, 12%, 84%)
CMYK
cmyk(0%, 6%, 12%, 16%)
Oklch
oklch(84.5% 0.023 71.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A19131
3142A0

Analogous

A05831
A19131
79A031

Triadic

A19131
31A08F
8F31A0

Split-Comp.

A19131
3179A0
5831A0

Tetradic

A19131
31A058
3142A0
A03179

Contrast Matrix WCAG 2.1 Contrast

A19131
A67638
DD928D
BDB88E
D6CABC
—
1.3
Fail
1.3
Fail
1.6
Fail
2.0
Fail
1.3
Fail
—
1.6
Fail
2.0
Fail
2.5
Fail
1.3
Fail
1.6
Fail
—
1.2
Fail
1.5
Fail
1.6
Fail
2.0
Fail
1.2
Fail
—
1.3
Fail
2.0
Fail
2.5
Fail
1.5
Fail
1.3
Fail
—
White BG
3.2AA Large
4.0AA Large
2.5Fail
2.0Fail
1.6Fail
Black BG
6.6AA
5.3AA
8.6AAA
10.4AAA
13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9A48
919147
BDBC8E
BBBB98
D1D1BF

Deuteranopia

9B9C4E
94984B
C1C78F
BBBB9B
D2D2C0

Tritanopia

A05B5F
A45355
D98F8F
BDA0A2
D5C2C3

Achromatopsia

8B8B8B
7D7D7D
A8A8A8
B5B5B5
CCCCCC

Shades & Tints Shades & Tints

#A19131

Dark
Light

#A67638

Dark
Light

#DD928D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a19131;
  --color-2: #a67638;
  --color-3: #dd928d;
  --color-4: #bdb88e;
  --color-5: #d6cabc;
}

SCSS

$color-1: #a19131;
$color-2: #a67638;
$color-3: #dd928d;
$color-4: #bdb88e;
$color-5: #d6cabc;

TAILWIND

colors: {
  'brand-1': '#a19131',
  'brand-2': '#a67638',
  'brand-3': '#dd928d',
  'brand-4': '#bdb88e',
  'brand-5': '#d6cabc',
}

RGB Array

[161, 145, 49], [166, 118, 56], [221, 146, 141], [189, 184, 142], [214, 202, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A19131, #A67638, #DD928D, #BDB88E, #D6CABC 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: #a19131; --color-2: #a67638; --color-3: #dd928d; --color-4: #bdb88e; --color-5: #d6cabc. 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