← Back to Editor

#D3B9A8 · #A29380 · #89816E · #91765B · #715842

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

#D3B9A8

Apricot · Tan · Warm Sun

HEX
#D3B9A8
RGB
rgb(211, 185, 168)
HSL
hsl(24, 33%, 74%)
HSB
hsb(24, 20%, 83%)
CMYK
cmyk(0%, 12%, 20%, 17%)
Oklch
oklch(80.3% 0.038 55.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#A29380

Ginger · Gray · Warm Sun

HEX
#A29380
RGB
rgb(162, 147, 128)
HSL
hsl(34, 15%, 57%)
HSB
hsb(34, 21%, 64%)
CMYK
cmyk(0%, 9%, 21%, 36%)
Oklch
oklch(67.1% 0.033 73.7)

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

#89816E

Ochre · Gray · Honey Gold

HEX
#89816E
RGB
rgb(137, 129, 110)
HSL
hsl(42, 11%, 48%)
HSB
hsb(42, 20%, 54%)
CMYK
cmyk(0%, 6%, 20%, 46%)
Oklch
oklch(60.5% 0.029 87.9)

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

#91765B

Ochre · Gray · Amber Brown

HEX
#91765B
RGB
rgb(145, 118, 91)
HSL
hsl(30, 23%, 46%)
HSB
hsb(30, 37%, 57%)
CMYK
cmyk(0%, 19%, 37%, 43%)
Oklch
oklch(58.5% 0.052 66.5)

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

#715842

Tangerine · DarkOliveGreen · Amber Brown

HEX
#715842
RGB
rgb(113, 88, 66)
HSL
hsl(28, 26%, 35%)
HSB
hsb(28, 42%, 44%)
CMYK
cmyk(0%, 22%, 42%, 56%)
Oklch
oklch(48.0% 0.047 62.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3B9A8
A7C1D3

Analogous

D3A7AB
D3B9A8
D3CEA7

Triadic

D3B9A8
A7D3B8
B8A7D3

Split-Comp.

D3B9A8
A7D3CE
A7ABD3

Tetradic

D3B9A8
ABD3A7
A7C1D3
CEA7D3

Contrast Matrix WCAG 2.1 Contrast

D3B9A8
A29380
89816E
91765B
715842
—
1.6
Fail
2.1
Fail
2.3
Fail
3.5
AA Large
1.6
Fail
—
1.3
Fail
1.4
Fail
2.2
Fail
2.1
Fail
1.3
Fail
—
1.1
Fail
1.7
Fail
2.3
Fail
1.4
Fail
1.1
Fail
—
1.6
Fail
3.5
AA Large
2.2
Fail
1.7
Fail
1.6
Fail
—
White BG
1.9Fail
3.0Fail
3.9AA Large
4.2AA Large
6.6AA
Black BG
11.3AAA
7.0AAA
5.4AA
4.9AA
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C8AC
9C9B85
868573
858562
666647

Deuteranopia

C9CBAD
9C9E86
868774
878963
686A49

Tritanopia

D2AFB0
A18889
897677
906768
704C4C

Achromatopsia

BFBFBF
959595
818181
7B7B7B
5D5D5D

Shades & Tints Shades & Tints

#D3B9A8

Dark
Light

#A29380

Dark
Light

#89816E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3b9a8;
  --color-2: #a29380;
  --color-3: #89816e;
  --color-4: #91765b;
  --color-5: #715842;
}

SCSS

$color-1: #d3b9a8;
$color-2: #a29380;
$color-3: #89816e;
$color-4: #91765b;
$color-5: #715842;

TAILWIND

colors: {
  'brand-1': '#d3b9a8',
  'brand-2': '#a29380',
  'brand-3': '#89816e',
  'brand-4': '#91765b',
  'brand-5': '#715842',
}

RGB Array

[211, 185, 168], [162, 147, 128], [137, 129, 110], [145, 118, 91], [113, 88, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D3B9A8, #A29380, #89816E, #91765B, #715842 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d3b9a8; --color-2: #a29380; --color-3: #89816e; --color-4: #91765b; --color-5: #715842. 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. Restrained colors convey professionalism and trust. 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