← Back to Editor

#DED7D6 · #A2BEC4 · #73829E · #85707F · #A06261

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 Library

Color Details Color Details

#DED7D6

Peach Pink · LightGray · Cherry Blossom

HEX
#DED7D6
RGB
rgb(222, 215, 214)
HSL
hsl(7, 11%, 85%)
HSB
hsb(7, 4%, 87%)
CMYK
cmyk(0%, 3%, 4%, 13%)
Oklch
oklch(88.4% 0.008 27.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#A2BEC4

Sky Blue · LightSteelBlue · Lake Green

HEX
#A2BEC4
RGB
rgb(162, 190, 196)
HSL
hsl(191, 22%, 70%)
HSB
hsb(191, 17%, 77%)
CMYK
cmyk(17%, 3%, 0%, 23%)
Oklch
oklch(78.3% 0.032 212.1)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#73829E

Azure · LightSlateGray · Navy Blue

HEX
#73829E
RGB
rgb(115, 130, 158)
HSL
hsl(219, 18%, 54%)
HSB
hsb(219, 27%, 62%)
CMYK
cmyk(27%, 18%, 0%, 38%)
Oklch
oklch(60.5% 0.046 262.8)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#85707F

Rose Purple · Gray · Warm Gray

HEX
#85707F
RGB
rgb(133, 112, 127)
HSL
hsl(317, 9%, 48%)
HSB
hsb(317, 16%, 52%)
CMYK
cmyk(0%, 16%, 5%, 48%)
Oklch
oklch(57.0% 0.034 336.3)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

#A06261

Crimson · Gray · Passion Red

HEX
#A06261
RGB
rgb(160, 98, 97)
HSL
hsl(1, 25%, 50%)
HSB
hsb(1, 39%, 63%)
CMYK
cmyk(0%, 39%, 39%, 37%)
Oklch
oklch(56.4% 0.081 20.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DED7D6
D5DCDD

Analogous

DDD5D8
DED7D6
DDDAD5

Triadic

DED7D6
D5DDD6
D6D5DD

Split-Comp.

DED7D6
D5DDDA
D5D8DD

Tetradic

DED7D6
D8DDD5
D5DCDD
DAD5DD

Contrast Matrix WCAG 2.1 Contrast

DED7D6
A2BEC4
73829E
85707F
A06261
—
1.4
Fail
2.7
Fail
3.2
AA Large
3.4
AA Large
1.4
Fail
—
2.0
Fail
2.3
Fail
2.4
Fail
2.7
Fail
2.0
Fail
—
1.2
Fail
1.2
Fail
3.2
AA Large
2.3
Fail
1.2
Fail
—
1.0
Fail
3.4
AA Large
2.4
Fail
1.2
Fail
1.0
Fail
—
White BG
1.4Fail
2.0Fail
3.9AA Large
4.5AA
4.8AA
Black BG
14.8AAA
10.7AAA
5.4AA
4.6AA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBD6
AEAEC3
797A97
7C7C7B
858561

Deuteranopia

DBDCD6
ADAAC2
797896
7D7F7B
898D61

Tritanopia

DED6D6
A3C1C1
749291
847978
9D6161

Achromatopsia

D9D9D9
B6B6B6
818181
787878
747474

Shades & Tints Shades & Tints

#DED7D6

Dark
Light

#A2BEC4

Dark
Light

#73829E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ded7d6;
  --color-2: #a2bec4;
  --color-3: #73829e;
  --color-4: #85707f;
  --color-5: #a06261;
}

SCSS

$color-1: #ded7d6;
$color-2: #a2bec4;
$color-3: #73829e;
$color-4: #85707f;
$color-5: #a06261;

TAILWIND

colors: {
  'brand-1': '#ded7d6',
  'brand-2': '#a2bec4',
  'brand-3': '#73829e',
  'brand-4': '#85707f',
  'brand-5': '#a06261',
}

RGB Array

[222, 215, 214], [162, 190, 196], [115, 130, 158], [133, 112, 127], [160, 98, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DED7D6, #A2BEC4, #73829E, #85707F, #A06261 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: #ded7d6; --color-2: #a2bec4; --color-3: #73829e; --color-4: #85707f; --color-5: #a06261. 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