← Back to Editor

#DDB5AB · #CFACA8 · #C5A5A8 · #BB9EA3 · #70677C

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DDB5AB

Peach Pink · Tan · Coral Red

HEX
#DDB5AB
RGB
rgb(221, 181, 171)
HSL
hsl(12, 42%, 77%)
HSB
hsb(12, 23%, 87%)
CMYK
cmyk(0%, 18%, 23%, 13%)
Oklch
oklch(80.6% 0.049 34.4)

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

#CFACA8

Peach Pink · Tan · Coral Red

HEX
#CFACA8
RGB
rgb(207, 172, 168)
HSL
hsl(6, 29%, 74%)
HSB
hsb(6, 19%, 81%)
CMYK
cmyk(0%, 17%, 19%, 19%)
Oklch
oklch(77.4% 0.041 25.7)

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

#C5A5A8

Peach Pink · DarkGray · Coral Red

HEX
#C5A5A8
RGB
rgb(197, 165, 168)
HSL
hsl(354, 22%, 71%)
HSB
hsb(354, 16%, 77%)
CMYK
cmyk(0%, 16%, 15%, 23%)
Oklch
oklch(75.1% 0.038 11.6)

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

#BB9EA3

Peach Pink · DarkGray · Coral Red

HEX
#BB9EA3
RGB
rgb(187, 158, 163)
HSL
hsl(350, 18%, 68%)
HSB
hsb(350, 16%, 73%)
CMYK
cmyk(0%, 16%, 13%, 27%)
Oklch
oklch(72.7% 0.035 6.3)

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

#70677C

Deep Indigo · DimGray · Warm Gray

HEX
#70677C
RGB
rgb(112, 103, 124)
HSL
hsl(266, 9%, 45%)
HSB
hsb(266, 17%, 49%)
CMYK
cmyk(10%, 17%, 0%, 51%)
Oklch
oklch(53.0% 0.034 304.7)

Traditional「Deep Indigo」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDB5AB
ACD3DD

Analogous

DDACBA
DDB5AB
DDCEAC

Triadic

DDB5AB
ACDDB6
B6ACDD

Split-Comp.

DDB5AB
ACDDCE
ACBADD

Tetradic

DDB5AB
BADDAC
ACD3DD
CEACDD

Contrast Matrix WCAG 2.1 Contrast

DDB5AB
CFACA8
C5A5A8
BB9EA3
70677C
—
1.1
Fail
1.2
Fail
1.3
Fail
2.9
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
2.6
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
2.4
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
2.2
Fail
2.9
Fail
2.6
Fail
2.4
Fail
2.2
Fail
—
White BG
1.9Fail
2.1Fail
2.3Fail
2.5Fail
5.4AA
Black BG
11.3AAA
10.1AAA
9.3AAA
8.5AAA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCBAD
C0C0A9
B7B7A7
AEAEA2
6C6C77

Deuteranopia

CED1AE
C2C4A9
B9BBA7
B0B2A2
6D6D76

Tritanopia

DBAFB0
CDAAAA
C3A7A7
BAA1A1
707372

Achromatopsia

C0C0C0
B6B6B6
AFAFAF
A7A7A7
6C6C6C

Shades & Tints Shades & Tints

#DDB5AB

Dark
Light

#CFACA8

Dark
Light

#C5A5A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ddb5ab;
  --color-2: #cfaca8;
  --color-3: #c5a5a8;
  --color-4: #bb9ea3;
  --color-5: #70677c;
}

SCSS

$color-1: #ddb5ab;
$color-2: #cfaca8;
$color-3: #c5a5a8;
$color-4: #bb9ea3;
$color-5: #70677c;

TAILWIND

colors: {
  'brand-1': '#ddb5ab',
  'brand-2': '#cfaca8',
  'brand-3': '#c5a5a8',
  'brand-4': '#bb9ea3',
  'brand-5': '#70677c',
}

RGB Array

[221, 181, 171], [207, 172, 168], [197, 165, 168], [187, 158, 163], [112, 103, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DDB5AB, #CFACA8, #C5A5A8, #BB9EA3, #70677C is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #ddb5ab; --color-2: #cfaca8; --color-3: #c5a5a8; --color-4: #bb9ea3; --color-5: #70677c. 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 beauty, lifestyle, arts 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