← Back to Editor

#DBCCB9 · #594949 · #C1B29D · #181713 · #68887D

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 LibraryData Visualization

Color Details Color Details

#DBCCB9

Goose Yellow · LightGray · Peach Orange

HEX
#DBCCB9
RGB
rgb(219, 204, 185)
HSL
hsl(34, 32%, 79%)
HSB
hsb(34, 16%, 86%)
CMYK
cmyk(0%, 7%, 16%, 14%)
Oklch
oklch(85.2% 0.031 73.9)

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

#594949

Crimson · DarkSlateGray · Wine Red

HEX
#594949
RGB
rgb(89, 73, 73)
HSL
hsl(0, 10%, 32%)
HSB
hsb(0, 18%, 35%)
CMYK
cmyk(0%, 18%, 18%, 65%)
Oklch
oklch(42.2% 0.022 18.0)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#C1B29D

Ginger · Tan · Warm Sun

HEX
#C1B29D
RGB
rgb(193, 178, 157)
HSL
hsl(35, 22%, 69%)
HSB
hsb(35, 19%, 76%)
CMYK
cmyk(0%, 8%, 19%, 24%)
Oklch
oklch(77.1% 0.034 76.4)

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

#181713

Ochre · Black · Amber Gold

HEX
#181713
RGB
rgb(24, 23, 19)
HSL
hsl(48, 12%, 8%)
HSB
hsb(48, 21%, 9%)
CMYK
cmyk(0%, 4%, 21%, 91%)
Oklch
oklch(20.4% 0.008 95.4)

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

#68887D

Mineral Blue · SlateGray · Olive Green

HEX
#68887D
RGB
rgb(104, 136, 125)
HSL
hsl(159, 13%, 47%)
HSB
hsb(159, 24%, 53%)
CMYK
cmyk(24%, 0%, 8%, 47%)
Oklch
oklch(59.9% 0.040 171.8)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBCCB9
B8C7DB

Analogous

DBBBB8
DBCCB9
D8DBB8

Triadic

DBCCB9
B8DBCC
CCB8DB

Split-Comp.

DBCCB9
B8D8DB
BBB8DB

Tetradic

DBCCB9
B8DBBB
B8C7DB
DBB8D8

Contrast Matrix WCAG 2.1 Contrast

DBCCB9
594949
C1B29D
181713
68887D
—
5.4
AA
1.3
Fail
11.4
AAA
2.5
Fail
5.4
AA
—
4.1
AA Large
2.1
Fail
2.2
Fail
1.3
Fail
4.1
AA Large
—
8.6
AAA
1.9
Fail
11.4
AAA
2.1
Fail
8.6
AAA
—
4.6
AA
2.5
Fail
2.2
Fail
1.9
Fail
4.6
AA
—
White BG
1.6Fail
8.5AAA
2.1Fail
17.9AAA
3.9AA Large
Black BG
13.3AAA
2.5Fail
10.1AAA
1.2Fail
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D4BE
525249
BBBAA2
181814
767680

Deuteranopia

D5D6BF
535449
BBBDA3
181814
747280

Tritanopia

DAC1C2
584949
C0A6A7
181515
6A8282

Achromatopsia

CECECE
4E4E4E
B4B4B4
171717
7D7D7D

Shades & Tints Shades & Tints

#DBCCB9

Dark
Light

#594949

Dark
Light

#C1B29D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbccb9;
  --color-2: #594949;
  --color-3: #c1b29d;
  --color-4: #181713;
  --color-5: #68887d;
}

SCSS

$color-1: #dbccb9;
$color-2: #594949;
$color-3: #c1b29d;
$color-4: #181713;
$color-5: #68887d;

TAILWIND

colors: {
  'brand-1': '#dbccb9',
  'brand-2': '#594949',
  'brand-3': '#c1b29d',
  'brand-4': '#181713',
  'brand-5': '#68887d',
}

RGB Array

[219, 204, 185], [89, 73, 73], [193, 178, 157], [24, 23, 19], [104, 136, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBCCB9, #594949, #C1B29D, #181713, #68887D is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #dbccb9; --color-2: #594949; --color-3: #c1b29d; --color-4: #181713; --color-5: #68887d. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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