#D6DACC + #FF9070 + #917E77 + #C1A963 + #EAD989 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D6DACC

Willow Green · LightGray · Mint Green

HEX

#D6DACC

RGB

rgb(214, 218, 204)

HSL

hsl(77, 16%, 83%)

HSB

hsb(77, 6%, 85%)

CMYK

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

Oklch

oklch(88.1% 0.019 119.8)

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

#FF9070

Peach Pink · Salmon · Coral Red

HEX

#FF9070

RGB

rgb(255, 144, 112)

HSL

hsl(13, 100%, 72%)

HSB

hsb(13, 56%, 100%)

CMYK

cmyk(0%, 44%, 56%, 0%)

Oklch

oklch(76.6% 0.142 36.9)

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

#917E77

Tangerine · Gray · Warm Sun

HEX

#917E77

RGB

rgb(145, 126, 119)

HSL

hsl(16, 11%, 52%)

HSB

hsb(16, 18%, 57%)

CMYK

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

Oklch

oklch(60.8% 0.026 41.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#C1A963

Ginger · Tan · Sunflower

HEX

#C1A963

RGB

rgb(193, 169, 99)

HSL

hsl(45, 43%, 57%)

HSB

hsb(45, 49%, 76%)

CMYK

cmyk(0%, 12%, 49%, 24%)

Oklch

oklch(74.0% 0.094 91.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#EAD989

Goose Yellow · Khaki · Sunflower

HEX

#EAD989

RGB

rgb(234, 217, 137)

HSL

hsl(49, 70%, 73%)

HSB

hsb(49, 41%, 92%)

CMYK

cmyk(0%, 7%, 41%, 8%)

Oklch

oklch(88.2% 0.102 97.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6DACC

D1CDDB

Analogous

DBD8CD

D6DACC

D0DBCD

Triadic

D6DACC

CDD7DB

DBCDD7

Split-Comp.

D6DACC

CDD0DB

D8CDDB

Tetradic

D6DACC

CDDBD8

D1CDDB

DBCDD0

Contrast Matrix WCAG 2.1 Contrast

D6DACC	FF9070	917E77	C1A963	EAD989
—	1.6 Fail	2.7 Fail	1.6 Fail	1.0 Fail
1.6 Fail	—	1.7 Fail	1.0 Fail	1.6 Fail
2.7 Fail	1.7 Fail	—	1.7 Fail	2.7 Fail
1.6 Fail	1.0 Fail	1.7 Fail	—	1.6 Fail
1.0 Fail	1.6 Fail	2.7 Fail	1.6 Fail	—

White BG

1.4Fail

2.2Fail

3.8AA Large

2.3Fail

1.4Fail

Black BG

14.8AAA

9.5AAA

5.5AA

9.1AAA

14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8CF

CFCE78

898979

B7B674

E3E29C

Deuteranopia

D8D7D0

D5DE7A

8A8B79

B8BA78

E4E5A1

Tritanopia

D6D2D3

F97E7F

907A7A

C08184

E9ACAF

Achromatopsia

D7D7D7

AEAEAE

838383

A8A8A8

D5D5D5

Shades & Tints Shades & Tints

#D6DACC

Dark

Light

#FF9070

Dark

Light

#917E77

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6dacc;
  --color-2: #ff9070;
  --color-3: #917e77;
  --color-4: #c1a963;
  --color-5: #ead989;
}

SCSS

$color-1: #d6dacc;
$color-2: #ff9070;
$color-3: #917e77;
$color-4: #c1a963;
$color-5: #ead989;

TAILWIND

colors: {
  'brand-1': '#d6dacc',
  'brand-2': '#ff9070',
  'brand-3': '#917e77',
  'brand-4': '#c1a963',
  'brand-5': '#ead989',
}

RGB Array

[214, 218, 204], [255, 144, 112], [145, 126, 119], [193, 169, 99], [234, 217, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6DACC, #FF9070, #917E77, #C1A963, #EAD989 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: #d6dacc; --color-2: #ff9070; --color-3: #917e77; --color-4: #c1a963; --color-5: #ead989. 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