← Back to Editor

#D6816F · #A18377 · #A39591 · #98B5A5 · #DBCDB6

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

#D6816F

Peach Pink · DarkSalmon · Coral Red

HEX
#D6816F
RGB
rgb(214, 129, 111)
HSL
hsl(10, 56%, 64%)
HSB
hsb(10, 48%, 84%)
CMYK
cmyk(0%, 40%, 48%, 16%)
Oklch
oklch(69.0% 0.109 32.8)

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

#A18377

Tangerine · Gray · Warm Sun

HEX
#A18377
RGB
rgb(161, 131, 119)
HSL
hsl(17, 18%, 55%)
HSB
hsb(17, 26%, 63%)
CMYK
cmyk(0%, 19%, 26%, 37%)
Oklch
oklch(63.5% 0.041 42.9)

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

#A39591

Crimson · DarkGray · Silver Sand

HEX
#A39591
RGB
rgb(163, 149, 145)
HSL
hsl(13, 9%, 60%)
HSB
hsb(13, 11%, 64%)
CMYK
cmyk(0%, 9%, 11%, 36%)
Oklch
oklch(68.1% 0.018 36.5)

Traditional「Crimson」· Paint「Silver Sand」· Creative Urban Concrete

#98B5A5

Celadon · DarkGray · Apple Green

HEX
#98B5A5
RGB
rgb(152, 181, 165)
HSL
hsl(147, 16%, 65%)
HSB
hsb(147, 16%, 71%)
CMYK
cmyk(16%, 0%, 9%, 29%)
Oklch
oklch(74.7% 0.039 161.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#DBCDB6

Goose Yellow · LightGray · Peach Orange

HEX
#DBCDB6
RGB
rgb(219, 205, 182)
HSL
hsl(37, 34%, 79%)
HSB
hsb(37, 17%, 86%)
CMYK
cmyk(0%, 6%, 17%, 14%)
Oklch
oklch(85.4% 0.035 80.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6816F
70C5D7

Analogous

D77092
D6816F
D7B470

Triadic

D6816F
70D781
8170D7

Split-Comp.

D6816F
70D7B4
7092D7

Tetradic

D6816F
92D770
70C5D7
B470D7

Contrast Matrix WCAG 2.1 Contrast

D6816F
A18377
A39591
98B5A5
DBCDB6
—
1.2
Fail
1.0
Fail
1.3
Fail
1.9
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
2.2
Fail
1.0
Fail
1.2
Fail
—
1.3
Fail
1.8
Fail
1.3
Fail
1.6
Fail
1.3
Fail
—
1.4
Fail
1.9
Fail
2.2
Fail
1.8
Fail
1.4
Fail
—
White BG
2.9Fail
3.5AA Large
2.9Fail
2.2Fail
1.6Fail
Black BG
7.2AAA
6.0AA
7.3AAA
9.5AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B073
94947A
9D9D92
A5A5A9
D5D5BC

Deuteranopia

B6BC74
96987B
9E9F92
A3A1AA
D6D7BD

Tritanopia

D27778
A07C7D
A29393
99ACAD
DAC0C1

Achromatopsia

989898
8B8B8B
999999
ABABAB
CFCFCF

Shades & Tints Shades & Tints

#D6816F

Dark
Light

#A18377

Dark
Light

#A39591

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6816f;
  --color-2: #a18377;
  --color-3: #a39591;
  --color-4: #98b5a5;
  --color-5: #dbcdb6;
}

SCSS

$color-1: #d6816f;
$color-2: #a18377;
$color-3: #a39591;
$color-4: #98b5a5;
$color-5: #dbcdb6;

TAILWIND

colors: {
  'brand-1': '#d6816f',
  'brand-2': '#a18377',
  'brand-3': '#a39591',
  'brand-4': '#98b5a5',
  'brand-5': '#dbcdb6',
}

RGB Array

[214, 129, 111], [161, 131, 119], [163, 149, 145], [152, 181, 165], [219, 205, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6816F, #A18377, #A39591, #98B5A5, #DBCDB6 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: #d6816f; --color-2: #a18377; --color-3: #a39591; --color-4: #98b5a5; --color-5: #dbcdb6. 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