← Back to Editor

#D4A1A5 · #ED8C94 · #AD8B8E · #96887D · #786D66

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

#D4A1A5

Peach Pink · Tan · Coral Red

HEX
#D4A1A5
RGB
rgb(212, 161, 165)
HSL
hsl(355, 37%, 73%)
HSB
hsb(355, 24%, 83%)
CMYK
cmyk(0%, 24%, 22%, 17%)
Oklch
oklch(75.8% 0.061 13.4)

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

#ED8C94

Peach Pink · LightCoral · Coral Red

HEX
#ED8C94
RGB
rgb(237, 140, 148)
HSL
hsl(355, 73%, 74%)
HSB
hsb(355, 41%, 93%)
CMYK
cmyk(0%, 41%, 38%, 7%)
Oklch
oklch(74.4% 0.118 15.0)

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

#AD8B8E

Peach Pink · DarkGray · Coral Red

HEX
#AD8B8E
RGB
rgb(173, 139, 142)
HSL
hsl(355, 17%, 61%)
HSB
hsb(355, 20%, 68%)
CMYK
cmyk(0%, 20%, 18%, 32%)
Oklch
oklch(66.9% 0.042 12.3)

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

#96887D

Tangerine · Gray · Warm Sun

HEX
#96887D
RGB
rgb(150, 136, 125)
HSL
hsl(26, 11%, 54%)
HSB
hsb(26, 17%, 59%)
CMYK
cmyk(0%, 9%, 17%, 41%)
Oklch
oklch(63.6% 0.023 60.5)

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

#786D66

Tangerine · DimGray · Warm Gray

HEX
#786D66
RGB
rgb(120, 109, 102)
HSL
hsl(23, 8%, 44%)
HSB
hsb(23, 15%, 47%)
CMYK
cmyk(0%, 9%, 15%, 53%)
Oklch
oklch(54.3% 0.018 54.7)

Traditional「Tangerine」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4A1A5
A1D4CF

Analogous

D4A1BE
D4A1A5
D4B6A1

Triadic

D4A1A5
A5D4A1
A1A5D4

Split-Comp.

D4A1A5
A1D4B6
A1BED4

Tetradic

D4A1A5
BED4A1
A1D4CF
B6A1D4

Contrast Matrix WCAG 2.1 Contrast

D4A1A5
ED8C94
AD8B8E
96887D
786D66
—
1.1
Fail
1.4
Fail
1.5
Fail
2.3
Fail
1.1
Fail
—
1.3
Fail
1.4
Fail
2.1
Fail
1.4
Fail
1.3
Fail
—
1.1
Fail
1.6
Fail
1.5
Fail
1.4
Fail
1.1
Fail
—
1.5
Fail
2.3
Fail
2.1
Fail
1.6
Fail
1.5
Fail
—
White BG
2.2Fail
2.4Fail
3.1AA Large
3.4AA Large
5.0AA
Black BG
9.4AAA
8.8AAA
6.9AA
6.1AA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBDA4
C3C292
9E9E8D
909080
737368

Deuteranopia

C1C5A4
C9D092
A0A38D
919280
747568

Tritanopia

D1A3A3
E89190
AB8D8D
958282
776969

Achromatopsia

B1B1B1
AAAAAA
969696
8B8B8B
6F6F6F

Shades & Tints Shades & Tints

#D4A1A5

Dark
Light

#ED8C94

Dark
Light

#AD8B8E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4a1a5;
  --color-2: #ed8c94;
  --color-3: #ad8b8e;
  --color-4: #96887d;
  --color-5: #786d66;
}

SCSS

$color-1: #d4a1a5;
$color-2: #ed8c94;
$color-3: #ad8b8e;
$color-4: #96887d;
$color-5: #786d66;

TAILWIND

colors: {
  'brand-1': '#d4a1a5',
  'brand-2': '#ed8c94',
  'brand-3': '#ad8b8e',
  'brand-4': '#96887d',
  'brand-5': '#786d66',
}

RGB Array

[212, 161, 165], [237, 140, 148], [173, 139, 142], [150, 136, 125], [120, 109, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D4A1A5, #ED8C94, #AD8B8E, #96887D, #786D66 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: #d4a1a5; --color-2: #ed8c94; --color-3: #ad8b8e; --color-4: #96887d; --color-5: #786d66. 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