#D99094 + #D7A896 + #D3C39C + #DCD0B4 + #C7C7CD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D99094

Peach Pink · DarkSalmon · Coral Red

HEX

#D99094

RGB

rgb(217, 144, 148)

HSL

hsl(357, 49%, 71%)

HSB

hsb(357, 34%, 85%)

CMYK

cmyk(0%, 34%, 32%, 15%)

Oklch

oklch(72.8% 0.089 15.9)

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

#D7A896

Apricot · Tan · Warm Sun

HEX

#D7A896

RGB

rgb(215, 168, 150)

HSL

hsl(17, 45%, 72%)

HSB

hsb(17, 30%, 84%)

CMYK

cmyk(0%, 22%, 30%, 16%)

Oklch

oklch(77.0% 0.061 41.9)

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

#D3C39C

Goose Yellow · Tan · Sunflower

HEX

#D3C39C

RGB

rgb(211, 195, 156)

HSL

hsl(43, 38%, 72%)

HSB

hsb(43, 26%, 83%)

CMYK

cmyk(0%, 8%, 26%, 17%)

Oklch

oklch(82.1% 0.055 88.4)

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

#DCD0B4

Goose Yellow · Wheat · Lemon Cream

HEX

#DCD0B4

RGB

rgb(220, 208, 180)

HSL

hsl(42, 36%, 78%)

HSB

hsb(42, 18%, 86%)

CMYK

cmyk(0%, 5%, 18%, 14%)

Oklch

oklch(86.0% 0.040 87.6)

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

#C7C7CD

Silver Gray · Silver · Pearl Gray

HEX

#C7C7CD

RGB

rgb(199, 199, 205)

HSL

hsl(240, 6%, 79%)

HSB

hsb(240, 3%, 80%)

CMYK

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

Oklch

oklch(83.1% 0.008 286.2)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D99094

91D9D6

Analogous

D991B9

D99094

D9B191

Triadic

D99094

94D991

9194D9

Split-Comp.

D99094

91D9B1

91B9D9

Tetradic

D99094

B9D991

91D9D6

B191D9

Contrast Matrix WCAG 2.1 Contrast

D99094	D7A896	D3C39C	DCD0B4	C7C7CD
—	1.2 Fail	1.4 Fail	1.6 Fail	1.5 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.3 Fail
1.4 Fail	1.2 Fail	—	1.1 Fail	1.0 Fail
1.6 Fail	1.4 Fail	1.1 Fail	—	1.1 Fail
1.5 Fail	1.3 Fail	1.0 Fail	1.1 Fail	—

White BG

2.5Fail

2.1Fail

1.7Fail

1.5Fail

1.7Fail

Black BG

8.4AAA

9.9AAA

12.1AAA

13.7AAA

12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B993

C3C29A

CCCCA5

D7D7BB

C7C7CC

Deuteranopia

BEC393

C5C99B

CDCEA8

D8D8BC

C7C7CB

Tritanopia

D59292

D59E9F

D2ADAF

DBC0C1

C7CACA

Achromatopsia

A6A6A6

B4B4B4

C3C3C3

D0D0D0

C8C8C8

Shades & Tints Shades & Tints

#D99094

Dark

Light

#D7A896

Dark

Light

#D3C39C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d99094;
  --color-2: #d7a896;
  --color-3: #d3c39c;
  --color-4: #dcd0b4;
  --color-5: #c7c7cd;
}

SCSS

$color-1: #d99094;
$color-2: #d7a896;
$color-3: #d3c39c;
$color-4: #dcd0b4;
$color-5: #c7c7cd;

TAILWIND

colors: {
  'brand-1': '#d99094',
  'brand-2': '#d7a896',
  'brand-3': '#d3c39c',
  'brand-4': '#dcd0b4',
  'brand-5': '#c7c7cd',
}

RGB Array

[217, 144, 148], [215, 168, 150], [211, 195, 156], [220, 208, 180], [199, 199, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D99094, #D7A896, #D3C39C, #DCD0B4, #C7C7CD 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: #d99094; --color-2: #d7a896; --color-3: #d3c39c; --color-4: #dcd0b4; --color-5: #c7c7cd. 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