#D3DACA + #F3DCC6 + #F6CBB1 + #EAA8A5 + #A57F8B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D3DACA

Willow Green · LightGray · Mint Green

HEX

#D3DACA

RGB

rgb(211, 218, 202)

HSL

hsl(86, 18%, 82%)

HSB

hsb(86, 7%, 85%)

CMYK

cmyk(3%, 0%, 7%, 15%)

Oklch

oklch(87.9% 0.023 126.3)

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

#F3DCC6

Apricot · Bisque · Peach Orange

HEX

#F3DCC6

RGB

rgb(243, 220, 198)

HSL

hsl(29, 65%, 86%)

HSB

hsb(29, 19%, 95%)

CMYK

cmyk(0%, 9%, 19%, 5%)

Oklch

oklch(90.8% 0.039 66.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F6CBB1

Apricot · Wheat · Peach Orange

HEX

#F6CBB1

RGB

rgb(246, 203, 177)

HSL

hsl(23, 79%, 83%)

HSB

hsb(23, 28%, 96%)

CMYK

cmyk(0%, 17%, 28%, 4%)

Oklch

oklch(87.3% 0.060 52.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EAA8A5

Peach Pink · BurlyWood · Coral Red

HEX

#EAA8A5

RGB

rgb(234, 168, 165)

HSL

hsl(3, 62%, 78%)

HSB

hsb(3, 29%, 92%)

CMYK

cmyk(0%, 28%, 29%, 8%)

Oklch

oklch(79.3% 0.078 21.9)

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

#A57F8B

Dark Violet · Gray · Rose Pink

HEX

#A57F8B

RGB

rgb(165, 127, 139)

HSL

hsl(341, 17%, 57%)

HSB

hsb(341, 23%, 65%)

CMYK

cmyk(0%, 23%, 16%, 35%)

Oklch

oklch(63.7% 0.050 357.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3DACA

D0C9D9

Analogous

D9D8C9

D3DACA

CAD9C9

Triadic

D3DACA

C9D2D9

D9C9D2

Split-Comp.

D3DACA

C9CAD9

D8C9D9

Tetradic

D3DACA

C9D9D8

D0C9D9

D9C9CA

Contrast Matrix WCAG 2.1 Contrast

D3DACA	F3DCC6	F6CBB1	EAA8A5	A57F8B
—	1.1 Fail	1.0 Fail	1.4 Fail	2.4 Fail
1.1 Fail	—	1.1 Fail	1.5 Fail	2.6 Fail
1.0 Fail	1.1 Fail	—	1.3 Fail	2.3 Fail
1.4 Fail	1.5 Fail	1.3 Fail	—	1.8 Fail
2.4 Fail	2.6 Fail	2.3 Fail	1.8 Fail	—

White BG

1.4Fail

1.3Fail

1.5Fail

2.0Fail

3.5AA Large

Black BG

14.7AAA

15.9AAA

14.1AAA

10.6AAA

6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6CE

E9E9CB

E3E3B7

CDCDA6

959488

Deuteranopia

D6D5CF

EAECCD

E6E9B9

D1D6A6

979A87

Tritanopia

D3D1D2

F2D0D0

F4BCBD

E7A6A6

A38685

Achromatopsia

D6D6D6

E0E0E0

D5D5D5

BBBBBB

8C8C8C

Shades & Tints Shades & Tints

#D3DACA

Dark

Light

#F3DCC6

Dark

Light

#F6CBB1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3daca;
  --color-2: #f3dcc6;
  --color-3: #f6cbb1;
  --color-4: #eaa8a5;
  --color-5: #a57f8b;
}

SCSS

$color-1: #d3daca;
$color-2: #f3dcc6;
$color-3: #f6cbb1;
$color-4: #eaa8a5;
$color-5: #a57f8b;

TAILWIND

colors: {
  'brand-1': '#d3daca',
  'brand-2': '#f3dcc6',
  'brand-3': '#f6cbb1',
  'brand-4': '#eaa8a5',
  'brand-5': '#a57f8b',
}

RGB Array

[211, 218, 202], [243, 220, 198], [246, 203, 177], [234, 168, 165], [165, 127, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D3DACA, #F3DCC6, #F6CBB1, #EAA8A5, #A57F8B 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: #d3daca; --color-2: #f3dcc6; --color-3: #f6cbb1; --color-4: #eaa8a5; --color-5: #a57f8b. 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