← Back to Editor

#715D63 · #DE8C8D · #DEBFA6 · #EAD5B7 · #ABB4A3

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

WorkspaceReadingData Visualization

Color Details Color Details

#715D63

Dark Violet · DimGray · Camellia

HEX
#715D63
RGB
rgb(113, 93, 99)
HSL
hsl(342, 10%, 40%)
HSB
hsb(342, 18%, 44%)
CMYK
cmyk(0%, 18%, 12%, 56%)
Oklch
oklch(50.0% 0.027 358.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#DE8C8D

Peach Pink · DarkSalmon · Coral Red

HEX
#DE8C8D
RGB
rgb(222, 140, 141)
HSL
hsl(359, 55%, 71%)
HSB
hsb(359, 37%, 87%)
CMYK
cmyk(0%, 37%, 36%, 13%)
Oklch
oklch(72.5% 0.100 19.0)

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

#DEBFA6

Apricot · Tan · Peach Orange

HEX
#DEBFA6
RGB
rgb(222, 191, 166)
HSL
hsl(27, 46%, 76%)
HSB
hsb(27, 25%, 87%)
CMYK
cmyk(0%, 14%, 25%, 13%)
Oklch
oklch(82.5% 0.049 60.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EAD5B7

Goose Yellow · Wheat · Peach Orange

HEX
#EAD5B7
RGB
rgb(234, 213, 183)
HSL
hsl(35, 55%, 82%)
HSB
hsb(35, 22%, 92%)
CMYK
cmyk(0%, 9%, 22%, 8%)
Oklch
oklch(88.3% 0.046 76.8)

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

#ABB4A3

Celadon · DarkGray · Apple Green

HEX
#ABB4A3
RGB
rgb(171, 180, 163)
HSL
hsl(92, 10%, 67%)
HSB
hsb(92, 9%, 71%)
CMYK
cmyk(5%, 0%, 9%, 29%)
Oklch
oklch(75.8% 0.026 130.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

715D63
5C706A

Analogous

705C6C
715D63
70605C

Triadic

715D63
62705C
5C6270

Split-Comp.

715D63
5C7060
5C6C70

Tetradic

715D63
6C705C
5C706A
605C70

Contrast Matrix WCAG 2.1 Contrast

715D63
DE8C8D
DEBFA6
EAD5B7
ABB4A3
—
2.4
Fail
3.5
AA Large
4.3
AA Large
2.8
Fail
2.4
Fail
—
1.5
Fail
1.8
Fail
1.2
Fail
3.5
AA Large
1.5
Fail
—
1.2
Fail
1.2
Fail
4.3
AA Large
1.8
Fail
1.2
Fail
—
1.5
Fail
2.8
Fail
1.2
Fail
1.2
Fail
1.5
Fail
—
White BG
6.1AA
2.5Fail
1.7Fail
1.4Fail
2.1Fail
Black BG
3.4AA Large
8.2AAA
12.1AAA
14.7AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

686862
BABA8D
D1D0AC
E1E1BE
AFAFA7

Deuteranopia

6A6B61
BFC58D
D2D5AE
E2E4C0
AEAEA8

Tritanopia

706060
DA8D8D
DCB1B2
E9C4C5
ABAAAB

Achromatopsia

646464
A5A5A5
C5C5C5
D8D8D8
AFAFAF

Shades & Tints Shades & Tints

#715D63

Dark
Light

#DE8C8D

Dark
Light

#DEBFA6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #715d63;
  --color-2: #de8c8d;
  --color-3: #debfa6;
  --color-4: #ead5b7;
  --color-5: #abb4a3;
}

SCSS

$color-1: #715d63;
$color-2: #de8c8d;
$color-3: #debfa6;
$color-4: #ead5b7;
$color-5: #abb4a3;

TAILWIND

colors: {
  'brand-1': '#715d63',
  'brand-2': '#de8c8d',
  'brand-3': '#debfa6',
  'brand-4': '#ead5b7',
  'brand-5': '#abb4a3',
}

RGB Array

[113, 93, 99], [222, 140, 141], [222, 191, 166], [234, 213, 183], [171, 180, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #715D63, #DE8C8D, #DEBFA6, #EAD5B7, #ABB4A3 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #715d63; --color-2: #de8c8d; --color-3: #debfa6; --color-4: #ead5b7; --color-5: #abb4a3. 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. 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. 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