#DBD6BF + #D8B7A5 + #D99B97 + #C66C72 + #815F64 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#DBD6BF

Goose Yellow · LightGray · Lemon Cream

HEX

#DBD6BF

RGB

rgb(219, 214, 191)

HSL

hsl(49, 28%, 80%)

HSB

hsb(49, 13%, 86%)

CMYK

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

Oklch

oklch(87.4% 0.031 96.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#D8B7A5

Apricot · Tan · Warm Sun

HEX

#D8B7A5

RGB

rgb(216, 183, 165)

HSL

hsl(21, 40%, 75%)

HSB

hsb(21, 24%, 85%)

CMYK

cmyk(0%, 15%, 24%, 15%)

Oklch

oklch(80.3% 0.046 50.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D99B97

Peach Pink · Tan · Coral Red

HEX

#D99B97

RGB

rgb(217, 155, 151)

HSL

hsl(4, 46%, 72%)

HSB

hsb(4, 30%, 85%)

CMYK

cmyk(0%, 29%, 30%, 15%)

Oklch

oklch(74.8% 0.075 23.2)

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

#C66C72

Crimson · LightCoral · Passion Red

HEX

#C66C72

RGB

rgb(198, 108, 114)

HSL

hsl(356, 44%, 60%)

HSB

hsb(356, 45%, 78%)

CMYK

cmyk(0%, 45%, 42%, 22%)

Oklch

oklch(63.5% 0.114 16.6)

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

#815F64

Crimson · DimGray · Passion Red

HEX

#815F64

RGB

rgb(129, 95, 100)

HSL

hsl(351, 15%, 44%)

HSB

hsb(351, 26%, 51%)

CMYK

cmyk(0%, 26%, 22%, 49%)

Oklch

oklch(52.2% 0.045 8.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBD6BF

BEC3DA

Analogous

DAC7BE

DBD6BF

D1DABE

Triadic

DBD6BF

BEDAD5

D5BEDA

Split-Comp.

DBD6BF

BED1DA

C7BEDA

Tetradic

DBD6BF

BEDAC7

BEC3DA

DABED1

Contrast Matrix WCAG 2.1 Contrast

DBD6BF	D8B7A5	D99B97	C66C72	815F64
—	1.3 Fail	1.6 Fail	2.5 Fail	3.8 AA Large
1.3 Fail	—	1.2 Fail	1.9 Fail	3.0 Fail
1.6 Fail	1.2 Fail	—	1.6 Fail	2.4 Fail
2.5 Fail	1.9 Fail	1.6 Fail	—	1.5 Fail
3.8 AA Large	3.0 Fail	2.4 Fail	1.5 Fail	—

White BG

1.5Fail

1.9Fail

2.3Fail

3.6AA Large

5.6AA

Black BG

14.4AAA

11.2AAA

9.1AAA

5.8AA

3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9C5

CAC9A9

BEBE98

9F9E71

727263

Deuteranopia

D9DAC6

CCCEAA

C2C698

A4AB70

747763

Tritanopia

DBC9CA

D6ADAE

D69999

C26F6F

7F6262

Achromatopsia

D5D5D5

BFBFBF

ADADAD

888888

6A6A6A

Shades & Tints Shades & Tints

#DBD6BF

Dark

Light

#D8B7A5

Dark

Light

#D99B97

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbd6bf;
  --color-2: #d8b7a5;
  --color-3: #d99b97;
  --color-4: #c66c72;
  --color-5: #815f64;
}

SCSS

$color-1: #dbd6bf;
$color-2: #d8b7a5;
$color-3: #d99b97;
$color-4: #c66c72;
$color-5: #815f64;

TAILWIND

colors: {
  'brand-1': '#dbd6bf',
  'brand-2': '#d8b7a5',
  'brand-3': '#d99b97',
  'brand-4': '#c66c72',
  'brand-5': '#815f64',
}

RGB Array

[219, 214, 191], [216, 183, 165], [217, 155, 151], [198, 108, 114], [129, 95, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DBD6BF, #D8B7A5, #D99B97, #C66C72, #815F64 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: #dbd6bf; --color-2: #d8b7a5; --color-3: #d99b97; --color-4: #c66c72; --color-5: #815f64. 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 pastel-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