← Back to Editor

#C6C1AB · #D2A199 · #DE7F87 · #DBA588 · #D8C489

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

#C6C1AB

Goose Yellow · Silver · Sunflower

HEX
#C6C1AB
RGB
rgb(198, 193, 171)
HSL
hsl(49, 19%, 72%)
HSB
hsb(49, 14%, 78%)
CMYK
cmyk(0%, 3%, 14%, 22%)
Oklch
oklch(80.9% 0.031 96.5)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#D2A199

Peach Pink · Tan · Coral Red

HEX
#D2A199
RGB
rgb(210, 161, 153)
HSL
hsl(8, 39%, 71%)
HSB
hsb(8, 27%, 82%)
CMYK
cmyk(0%, 23%, 27%, 18%)
Oklch
oklch(75.2% 0.060 29.1)

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

#DE7F87

Peach Pink · LightCoral · Coral Red

HEX
#DE7F87
RGB
rgb(222, 127, 135)
HSL
hsl(355, 59%, 68%)
HSB
hsb(355, 43%, 87%)
CMYK
cmyk(0%, 43%, 39%, 13%)
Oklch
oklch(70.2% 0.118 15.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#DBA588

Apricot · Tan · Warm Sun

HEX
#DBA588
RGB
rgb(219, 165, 136)
HSL
hsl(21, 54%, 70%)
HSB
hsb(21, 38%, 86%)
CMYK
cmyk(0%, 25%, 38%, 14%)
Oklch
oklch(76.5% 0.076 49.4)

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

#D8C489

Ginger · BurlyWood · Sunflower

HEX
#D8C489
RGB
rgb(216, 196, 137)
HSL
hsl(45, 50%, 69%)
HSB
hsb(45, 37%, 85%)
CMYK
cmyk(0%, 9%, 37%, 15%)
Oklch
oklch(82.3% 0.080 91.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6C1AB
AAAFC5

Analogous

C5B3AA
C6C1AB
BDC5AA

Triadic

C6C1AB
AAC5C0
C0AAC5

Split-Comp.

C6C1AB
AABDC5
B3AAC5

Tetradic

C6C1AB
AAC5B3
AAAFC5
C5AABD

Contrast Matrix WCAG 2.1 Contrast

C6C1AB
D2A199
DE7F87
DBA588
D8C489
—
1.2
Fail
1.6
Fail
1.2
Fail
1.0
Fail
1.2
Fail
—
1.2
Fail
1.0
Fail
1.3
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
1.2
Fail
1.0
Fail
1.3
Fail
—
1.2
Fail
1.0
Fail
1.3
Fail
1.6
Fail
1.2
Fail
—
White BG
1.8Fail
2.3Fail
2.8Fail
2.2Fail
1.7Fail
Black BG
11.6AAA
9.3AAA
7.5AAA
9.7AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C4B0
BDBC9B
B5B485
C4C38F
CFCF97

Deuteranopia

C4C5B2
C0C39B
BAC185
C7CB91
D1D29B

Tritanopia

C6B5B5
D09C9D
D98483
D89596
D7A3A5

Achromatopsia

C0C0C0
AFAFAF
9C9C9C
B2B2B2
C3C3C3

Shades & Tints Shades & Tints

#C6C1AB

Dark
Light

#D2A199

Dark
Light

#DE7F87

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6c1ab;
  --color-2: #d2a199;
  --color-3: #de7f87;
  --color-4: #dba588;
  --color-5: #d8c489;
}

SCSS

$color-1: #c6c1ab;
$color-2: #d2a199;
$color-3: #de7f87;
$color-4: #dba588;
$color-5: #d8c489;

TAILWIND

colors: {
  'brand-1': '#c6c1ab',
  'brand-2': '#d2a199',
  'brand-3': '#de7f87',
  'brand-4': '#dba588',
  'brand-5': '#d8c489',
}

RGB Array

[198, 193, 171], [210, 161, 153], [222, 127, 135], [219, 165, 136], [216, 196, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6C1AB, #D2A199, #DE7F87, #DBA588, #D8C489 is ideal for: health products, baby brands, fresh-style blogs. 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: #c6c1ab; --color-2: #d2a199; --color-3: #de7f87; --color-4: #dba588; --color-5: #d8c489. 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 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