#DFB59A + #E5E1B1 + #96D7B3 + #70A795 + #895473 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DFB59A

Apricot · Tan · Warm Sun

HEX

#DFB59A

RGB

rgb(223, 181, 154)

HSL

hsl(23, 52%, 74%)

HSB

hsb(23, 31%, 87%)

CMYK

cmyk(0%, 19%, 31%, 13%)

Oklch

oklch(80.4% 0.061 54.4)

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

#E5E1B1

Fresh Green · Wheat · Lemon Cream

HEX

#E5E1B1

RGB

rgb(229, 225, 177)

HSL

hsl(55, 50%, 80%)

HSB

hsb(55, 23%, 90%)

CMYK

cmyk(0%, 2%, 23%, 10%)

Oklch

oklch(90.1% 0.063 103.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#96D7B3

Celadon · LightGreen · Apple Green

HEX

#96D7B3

RGB

rgb(150, 215, 179)

HSL

hsl(147, 45%, 72%)

HSB

hsb(147, 30%, 84%)

CMYK

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

Oklch

oklch(82.5% 0.083 159.6)

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

#70A795

Mineral Blue · CadetBlue · Lake Green

HEX

#70A795

RGB

rgb(112, 167, 149)

HSL

hsl(160, 24%, 55%)

HSB

hsb(160, 33%, 65%)

CMYK

cmyk(33%, 0%, 11%, 35%)

Oklch

oklch(68.5% 0.064 171.8)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#895473

Rose Purple · DimGray · Camellia

HEX

#895473

RGB

rgb(137, 84, 115)

HSL

hsl(325, 24%, 43%)

HSB

hsb(325, 39%, 54%)

CMYK

cmyk(0%, 39%, 16%, 46%)

Oklch

oklch(51.6% 0.082 344.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFB59A

9AC5DF

Analogous

DF9AA2

DFB59A

DFD79A

Triadic

DFB59A

9ADFB5

B59ADF

Split-Comp.

DFB59A

9ADFD7

9AA2DF

Tetradic

DFB59A

A2DF9A

9AC5DF

D79ADF

Contrast Matrix WCAG 2.1 Contrast

DFB59A	E5E1B1	96D7B3	70A795	895473
—	1.4 Fail	1.1 Fail	1.5 Fail	3.1 AA Large
1.4 Fail	—	1.2 Fail	2.1 Fail	4.4 AA Large
1.1 Fail	1.2 Fail	—	1.7 Fail	3.5 AA Large
1.5 Fail	2.1 Fail	1.7 Fail	—	2.1 Fail
3.1 AA Large	4.4 AA Large	3.5 AA Large	2.1 Fail	—

White BG

1.9Fail

1.3Fail

1.7Fail

2.7Fail

5.9AA

Black BG

11.2AAA

15.7AAA

12.7AAA

7.7AAA

3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCCA1

E3E3BD

B2B3BC

888899

72726B

Deuteranopia

CFD2A2

E4E4BF

AEAABE

85819A

75796A

Tritanopia

DDA6A7

E5C6C8

99C3C4

739D9E

866664

Achromatopsia

BEBEBE

DDDDDD

BFBFBF

959595

676767

Shades & Tints Shades & Tints

#DFB59A

Dark

Light

#E5E1B1

Dark

Light

#96D7B3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfb59a;
  --color-2: #e5e1b1;
  --color-3: #96d7b3;
  --color-4: #70a795;
  --color-5: #895473;
}

SCSS

$color-1: #dfb59a;
$color-2: #e5e1b1;
$color-3: #96d7b3;
$color-4: #70a795;
$color-5: #895473;

TAILWIND

colors: {
  'brand-1': '#dfb59a',
  'brand-2': '#e5e1b1',
  'brand-3': '#96d7b3',
  'brand-4': '#70a795',
  'brand-5': '#895473',
}

RGB Array

[223, 181, 154], [229, 225, 177], [150, 215, 179], [112, 167, 149], [137, 84, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DFB59A, #E5E1B1, #96D7B3, #70A795, #895473 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: #dfb59a; --color-2: #e5e1b1; --color-3: #96d7b3; --color-4: #70a795; --color-5: #895473. 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