#DB8693 + #CCA3A3 + #C4B8AB + #D9D5BD + #E6E4C1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DB8693

Peach Pink · LightCoral · Coral Red

HEX

#DB8693

RGB

rgb(219, 134, 147)

HSL

hsl(351, 54%, 69%)

HSB

hsb(351, 39%, 86%)

CMYK

cmyk(0%, 39%, 33%, 14%)

Oklch

oklch(71.3% 0.105 10.2)

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

#CCA3A3

Peach Pink · Tan · Coral Red

HEX

#CCA3A3

RGB

rgb(204, 163, 163)

HSL

hsl(0, 29%, 72%)

HSB

hsb(0, 20%, 80%)

CMYK

cmyk(0%, 20%, 20%, 20%)

Oklch

oklch(75.3% 0.049 18.3)

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

#C4B8AB

Goose Yellow · Silver · Warm Sun

HEX

#C4B8AB

RGB

rgb(196, 184, 171)

HSL

hsl(31, 17%, 72%)

HSB

hsb(31, 13%, 77%)

CMYK

cmyk(0%, 6%, 13%, 23%)

Oklch

oklch(78.9% 0.023 69.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D9D5BD

Fresh Green · LightGray · Lemon Cream

HEX

#D9D5BD

RGB

rgb(217, 213, 189)

HSL

hsl(51, 27%, 80%)

HSB

hsb(51, 13%, 85%)

CMYK

cmyk(0%, 2%, 13%, 15%)

Oklch

oklch(87.0% 0.033 99.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#E6E4C1

Fresh Green · Wheat · Lemon Cream

HEX

#E6E4C1

RGB

rgb(230, 228, 193)

HSL

hsl(57, 43%, 83%)

HSB

hsb(57, 16%, 90%)

CMYK

cmyk(0%, 1%, 16%, 10%)

Oklch

oklch(91.1% 0.046 104.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DB8693

85DBCE

Analogous

DB85BD

DB8693

DBA385

Triadic

DB8693

92DB85

8592DB

Split-Comp.

DB8693

85DBA3

85BDDB

Tetradic

DB8693

BDDB85

85DBCE

A385DB

Contrast Matrix WCAG 2.1 Contrast

DB8693	CCA3A3	C4B8AB	D9D5BD	E6E4C1
—	1.2 Fail	1.4 Fail	1.8 Fail	2.1 Fail
1.2 Fail	—	1.2 Fail	1.5 Fail	1.7 Fail
1.4 Fail	1.2 Fail	—	1.3 Fail	1.5 Fail
1.8 Fail	1.5 Fail	1.3 Fail	—	1.1 Fail
2.1 Fail	1.7 Fail	1.5 Fail	1.1 Fail	—

White BG

2.7Fail

2.2Fail

1.9Fail

1.5Fail

1.3Fail

Black BG

7.8AAA

9.3AAA

10.8AAA

14.2AAA

16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B590

BABAA3

BFBFAE

D7D7C3

E5E5C9

Deuteranopia

BBC18F

BDC0A3

C0C0AF

D8D8C4

E5E5CC

Tritanopia

D78D8D

CAA3A3

C3B1B1

D9C7C8

E6D0D2

Achromatopsia

A1A1A1

AFAFAF

BABABA

D3D3D3

E1E1E1

Shades & Tints Shades & Tints

#DB8693

Dark

Light

#CCA3A3

Dark

Light

#C4B8AB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #db8693;
  --color-2: #cca3a3;
  --color-3: #c4b8ab;
  --color-4: #d9d5bd;
  --color-5: #e6e4c1;
}

SCSS

$color-1: #db8693;
$color-2: #cca3a3;
$color-3: #c4b8ab;
$color-4: #d9d5bd;
$color-5: #e6e4c1;

TAILWIND

colors: {
  'brand-1': '#db8693',
  'brand-2': '#cca3a3',
  'brand-3': '#c4b8ab',
  'brand-4': '#d9d5bd',
  'brand-5': '#e6e4c1',
}

RGB Array

[219, 134, 147], [204, 163, 163], [196, 184, 171], [217, 213, 189], [230, 228, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DB8693, #CCA3A3, #C4B8AB, #D9D5BD, #E6E4C1 is ideal for: health products, baby brands, fresh-style blogs. 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: #db8693; --color-2: #cca3a3; --color-3: #c4b8ab; --color-4: #d9d5bd; --color-5: #e6e4c1. 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 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