#D1C4B6 + #7DBB9D + #A5AC8A + #CC9D76 + #F7958F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D1C4B6

Goose Yellow · Silver · Peach Orange

HEX

#D1C4B6

RGB

rgb(209, 196, 182)

HSL

hsl(31, 23%, 77%)

HSB

hsb(31, 13%, 82%)

CMYK

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

Oklch

oklch(82.7% 0.024 69.5)

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

#7DBB9D

Jade · DarkSeaGreen · Apple Green

HEX

#7DBB9D

RGB

rgb(125, 187, 157)

HSL

hsl(151, 31%, 61%)

HSB

hsb(151, 33%, 73%)

CMYK

cmyk(33%, 0%, 16%, 27%)

Oklch

oklch(74.1% 0.078 162.8)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#A5AC8A

Willow Green · DarkSeaGreen · Apple Green

HEX

#A5AC8A

RGB

rgb(165, 172, 138)

HSL

hsl(72, 17%, 61%)

HSB

hsb(72, 20%, 67%)

CMYK

cmyk(4%, 0%, 20%, 33%)

Oklch

oklch(73.0% 0.048 117.1)

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

#CC9D76

Apricot · DarkSalmon · Warm Sun

HEX

#CC9D76

RGB

rgb(204, 157, 118)

HSL

hsl(27, 46%, 63%)

HSB

hsb(27, 42%, 80%)

CMYK

cmyk(0%, 23%, 42%, 20%)

Oklch

oklch(73.1% 0.077 60.9)

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

#F7958F

Peach Pink · LightSalmon · Coral Red

HEX

#F7958F

RGB

rgb(247, 149, 143)

HSL

hsl(3, 87%, 76%)

HSB

hsb(3, 42%, 97%)

CMYK

cmyk(0%, 40%, 42%, 3%)

Oklch

oklch(77.0% 0.119 24.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1C4B6

B7C4D2

Analogous

D2B7B7

D1C4B6

D1D2B7

Triadic

D1C4B6

B7D2C5

C5B7D2

Split-Comp.

D1C4B6

B7D1D2

B7B7D2

Tetradic

D1C4B6

B7D2B7

B7C4D2

D2B7D1

Contrast Matrix WCAG 2.1 Contrast

D1C4B6	7DBB9D	A5AC8A	CC9D76	F7958F
—	1.3 Fail	1.4 Fail	1.4 Fail	1.3 Fail
1.3 Fail	—	1.1 Fail	1.1 Fail	1.0 Fail
1.4 Fail	1.1 Fail	—	1.0 Fail	1.1 Fail
1.4 Fail	1.1 Fail	1.0 Fail	—	1.1 Fail
1.3 Fail	1.0 Fail	1.1 Fail	1.1 Fail	—

White BG

1.7Fail

2.2Fail

2.4Fail

2.2Fail

Black BG

12.3AAA

9.5AAA

8.9AAA

8.7AAA

9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCBB9

9898A4

A8A892

B8B77F

CDCC90

Deuteranopia

CCCDBA

9490A6

A8A794

BABE82

D2DA91

Tritanopia

D0BCBD

80AAAB

A5999A

CA8789

F29292

Achromatopsia

C6C6C6

A5A5A5

A6A6A6

A7A7A7

B2B2B2

Shades & Tints Shades & Tints

#D1C4B6

Dark

Light

#7DBB9D

Dark

Light

#A5AC8A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1c4b6;
  --color-2: #7dbb9d;
  --color-3: #a5ac8a;
  --color-4: #cc9d76;
  --color-5: #f7958f;
}

SCSS

$color-1: #d1c4b6;
$color-2: #7dbb9d;
$color-3: #a5ac8a;
$color-4: #cc9d76;
$color-5: #f7958f;

TAILWIND

colors: {
  'brand-1': '#d1c4b6',
  'brand-2': '#7dbb9d',
  'brand-3': '#a5ac8a',
  'brand-4': '#cc9d76',
  'brand-5': '#f7958f',
}

RGB Array

[209, 196, 182], [125, 187, 157], [165, 172, 138], [204, 157, 118], [247, 149, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1C4B6, #7DBB9D, #A5AC8A, #CC9D76, #F7958F 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: #d1c4b6; --color-2: #7dbb9d; --color-3: #a5ac8a; --color-4: #cc9d76; --color-5: #f7958f. 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