#DFD0AF + #E8ACAC + #A45785 + #85586C + #A1C0A1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DFD0AF

Goose Yellow · Wheat · Lemon Cream

HEX

#DFD0AF

RGB

rgb(223, 208, 175)

HSL

hsl(41, 43%, 78%)

HSB

hsb(41, 22%, 87%)

CMYK

cmyk(0%, 7%, 22%, 13%)

Oklch

oklch(86.1% 0.047 86.5)

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

#E8ACAC

Peach Pink · LightPink · Coral Red

HEX

#E8ACAC

RGB

rgb(232, 172, 172)

HSL

hsl(0, 57%, 79%)

HSB

hsb(0, 26%, 91%)

CMYK

cmyk(0%, 26%, 26%, 9%)

Oklch

oklch(80.0% 0.071 18.7)

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

#A45785

Rose Purple · Gray · Camellia

HEX

#A45785

RGB

rgb(164, 87, 133)

HSL

hsl(324, 31%, 49%)

HSB

hsb(324, 47%, 64%)

CMYK

cmyk(0%, 47%, 19%, 36%)

Oklch

oklch(56.2% 0.116 344.7)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#85586C

Dark Violet · DimGray · Camellia

HEX

#85586C

RGB

rgb(133, 88, 108)

HSL

hsl(333, 20%, 43%)

HSB

hsb(333, 34%, 52%)

CMYK

cmyk(0%, 34%, 19%, 48%)

Oklch

oklch(51.6% 0.065 351.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#A1C0A1

Celadon · DarkGray · Apple Green

HEX

#A1C0A1

RGB

rgb(161, 192, 161)

HSL

hsl(120, 20%, 69%)

HSB

hsb(120, 16%, 75%)

CMYK

cmyk(16%, 0%, 16%, 25%)

Oklch

oklch(77.6% 0.055 145.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFD0AF

AFBEDF

Analogous

DFB8AF

DFD0AF

D6DFAF

Triadic

DFD0AF

AFDFD0

D0AFDF

Split-Comp.

DFD0AF

AFD6DF

B8AFDF

Tetradic

DFD0AF

AFDFB8

AFBEDF

DFAFD6

Contrast Matrix WCAG 2.1 Contrast

DFD0AF	E8ACAC	A45785	85586C	A1C0A1
—	1.3 Fail	3.2 AA Large	3.8 AA Large	1.3 Fail
1.3 Fail	—	2.6 Fail	3.0 AA Large	1.0 Fail
3.2 AA Large	2.6 Fail	—	1.2 Fail	2.5 Fail
3.8 AA Large	3.0 AA Large	1.2 Fail	—	2.9 Fail
1.3 Fail	1.0 Fail	2.5 Fail	2.9 Fail	—

White BG

1.5Fail

1.9Fail

4.9AA

5.8AA

2.0Fail

Black BG

13.8AAA

10.9AAA

4.3AA Large

3.6AA Large

10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D8B7

CECDAC

83827A

727167

AEAFA9

Deuteranopia

D9DBB9

D2D6AC

878D77

747866

ADAAAA

Tritanopia

DEBDBF

E5ACAC

A0716F

836363

A3AEB0

Achromatopsia

D1D1D1

BEBEBE

737373

686868

B3B3B3

Shades & Tints Shades & Tints

#DFD0AF

Dark

Light

#E8ACAC

Dark

Light

#A45785

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfd0af;
  --color-2: #e8acac;
  --color-3: #a45785;
  --color-4: #85586c;
  --color-5: #a1c0a1;
}

SCSS

$color-1: #dfd0af;
$color-2: #e8acac;
$color-3: #a45785;
$color-4: #85586c;
$color-5: #a1c0a1;

TAILWIND

colors: {
  'brand-1': '#dfd0af',
  'brand-2': '#e8acac',
  'brand-3': '#a45785',
  'brand-4': '#85586c',
  'brand-5': '#a1c0a1',
}

RGB Array

[223, 208, 175], [232, 172, 172], [164, 87, 133], [133, 88, 108], [161, 192, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DFD0AF, #E8ACAC, #A45785, #85586C, #A1C0A1 is ideal for: corporate websites, product showcases, portfolios. 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: #dfd0af; --color-2: #e8acac; --color-3: #a45785; --color-4: #85586c; --color-5: #a1c0a1. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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