← Back to Editor

#DAC5A6 · #D2B593 · #7C7563 · #BAAD9C · #C9BAA5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DAC5A6

Goose Yellow · Tan · Warm Sun

HEX
#DAC5A6
RGB
rgb(218, 197, 166)
HSL
hsl(36, 41%, 75%)
HSB
hsb(36, 24%, 85%)
CMYK
cmyk(0%, 10%, 24%, 15%)
Oklch
oklch(83.3% 0.048 77.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D2B593

Ginger · Tan · Warm Sun

HEX
#D2B593
RGB
rgb(210, 181, 147)
HSL
hsl(32, 41%, 70%)
HSB
hsb(32, 30%, 82%)
CMYK
cmyk(0%, 14%, 30%, 18%)
Oklch
oklch(79.0% 0.057 71.3)

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

#7C7563

Ochre · DimGray · Honey Gold

HEX
#7C7563
RGB
rgb(124, 117, 99)
HSL
hsl(43, 11%, 44%)
HSB
hsb(43, 20%, 49%)
CMYK
cmyk(0%, 6%, 20%, 51%)
Oklch
oklch(56.4% 0.028 89.3)

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

#BAAD9C

Ginger · DarkGray · Warm Sun

HEX
#BAAD9C
RGB
rgb(186, 173, 156)
HSL
hsl(34, 18%, 67%)
HSB
hsb(34, 16%, 73%)
CMYK
cmyk(0%, 7%, 16%, 27%)
Oklch
oklch(75.4% 0.028 74.7)

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

#C9BAA5

Goose Yellow · Tan · Warm Sun

HEX
#C9BAA5
RGB
rgb(201, 186, 165)
HSL
hsl(35, 25%, 72%)
HSB
hsb(35, 18%, 79%)
CMYK
cmyk(0%, 7%, 18%, 21%)
Oklch
oklch(79.6% 0.034 76.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAC5A6
A5BAD9

Analogous

D9AAA5
DAC5A6
D4D9A5

Triadic

DAC5A6
A5D9C4
C4A5D9

Split-Comp.

DAC5A6
A5D4D9
AAA5D9

Tetradic

DAC5A6
A5D9AA
A5BAD9
D9A5D4

Contrast Matrix WCAG 2.1 Contrast

DAC5A6
D2B593
7C7563
BAAD9C
C9BAA5
—
1.2
Fail
2.7
Fail
1.3
Fail
1.1
Fail
1.2
Fail
—
2.4
Fail
1.1
Fail
1.0
Fail
2.7
Fail
2.4
Fail
—
2.1
Fail
2.4
Fail
1.3
Fail
1.1
Fail
2.1
Fail
—
1.2
Fail
1.1
Fail
1.0
Fail
2.4
Fail
1.2
Fail
—
White BG
1.7Fail
1.9Fail
4.6AA
2.2Fail
1.9Fail
Black BG
12.5AAA
10.8AAA
4.6AA
9.5AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1AE
C5C59B
797967
B4B4A0
C3C2AA

Deuteranopia

D2D4AF
C7C99D
797A68
B5B6A1
C3C5AB

Tritanopia

D9B3B5
D1A2A3
7C6B6C
B9A3A4
C8AEAF

Achromatopsia

C8C8C8
BABABA
757575
AFAFAF
BCBCBC

Shades & Tints Shades & Tints

#DAC5A6

Dark
Light

#D2B593

Dark
Light

#7C7563

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dac5a6;
  --color-2: #d2b593;
  --color-3: #7c7563;
  --color-4: #baad9c;
  --color-5: #c9baa5;
}

SCSS

$color-1: #dac5a6;
$color-2: #d2b593;
$color-3: #7c7563;
$color-4: #baad9c;
$color-5: #c9baa5;

TAILWIND

colors: {
  'brand-1': '#dac5a6',
  'brand-2': '#d2b593',
  'brand-3': '#7c7563',
  'brand-4': '#baad9c',
  'brand-5': '#c9baa5',
}

RGB Array

[218, 197, 166], [210, 181, 147], [124, 117, 99], [186, 173, 156], [201, 186, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAC5A6, #D2B593, #7C7563, #BAAD9C, #C9BAA5 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #dac5a6; --color-2: #d2b593; --color-3: #7c7563; --color-4: #baad9c; --color-5: #c9baa5. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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