#E5B38E + #D98779 + #BBC4B1 + #DDD9B4 + #FFFFCE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E5B38E

Apricot · BurlyWood · Warm Sun

HEX

#E5B38E

RGB

rgb(229, 179, 142)

HSL

hsl(26, 63%, 73%)

HSB

hsb(26, 38%, 90%)

CMYK

cmyk(0%, 22%, 38%, 10%)

Oklch

oklch(80.3% 0.077 57.9)

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

#D98779

Peach Pink · DarkSalmon · Coral Red

HEX

#D98779

RGB

rgb(217, 135, 121)

HSL

hsl(9, 56%, 66%)

HSB

hsb(9, 44%, 85%)

CMYK

cmyk(0%, 38%, 44%, 15%)

Oklch

oklch(70.6% 0.104 30.3)

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

#BBC4B1

Willow Green · Silver · Apple Green

HEX

#BBC4B1

RGB

rgb(187, 196, 177)

HSL

hsl(88, 14%, 73%)

HSB

hsb(88, 10%, 77%)

CMYK

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

Oklch

oklch(80.8% 0.028 127.8)

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

#DDD9B4

Fresh Green · Wheat · Lemon Cream

HEX

#DDD9B4

RGB

rgb(221, 217, 180)

HSL

hsl(54, 38%, 79%)

HSB

hsb(54, 19%, 87%)

CMYK

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

Oklch

oklch(87.9% 0.049 102.3)

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

#FFFFCE

Fresh Green · LightYellow · Lemon Cream

HEX

#FFFFCE

RGB

rgb(255, 255, 206)

HSL

hsl(60, 100%, 90%)

HSB

hsb(60, 19%, 100%)

CMYK

cmyk(0%, 0%, 19%, 0%)

Oklch

oklch(98.8% 0.063 107.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5B38E

8FC0E6

Analogous

E68F95

E5B38E

E6E08F

Triadic

E5B38E

8FE6B4

B48FE6

Split-Comp.

E5B38E

8FE6E0

8F95E6

Tetradic

E5B38E

95E68F

8FC0E6

E08FE6

Contrast Matrix WCAG 2.1 Contrast

E5B38E	D98779	BBC4B1	DDD9B4	FFFFCE
—	1.5 Fail	1.0 Fail	1.3 Fail	1.8 Fail
1.5 Fail	—	1.5 Fail	1.9 Fail	2.7 Fail
1.0 Fail	1.5 Fail	—	1.3 Fail	1.8 Fail
1.3 Fail	1.9 Fail	1.3 Fail	—	1.4 Fail
1.8 Fail	2.7 Fail	1.8 Fail	1.4 Fail	—

White BG

1.9Fail

2.7Fail

1.8Fail

1.4Fail

1.0Fail

Black BG

11.2AAA

7.7AAA

11.6AAA

14.7AAA

20.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCF97

B5B57C

BFBFB6

DBDBBD

FFFFDA

Deuteranopia

D2D699

BAC07D

BEBEB7

DCDCBF

FFFFDD

Tritanopia

E29EA0

D57F80

BBB9BA

DDC4C6

FFE3E5

Achromatopsia

BEBEBE

9E9E9E

BFBFBF

D6D6D6

F9F9F9

Shades & Tints Shades & Tints

#E5B38E

Dark

Light

#D98779

Dark

Light

#BBC4B1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5b38e;
  --color-2: #d98779;
  --color-3: #bbc4b1;
  --color-4: #ddd9b4;
  --color-5: #ffffce;
}

SCSS

$color-1: #e5b38e;
$color-2: #d98779;
$color-3: #bbc4b1;
$color-4: #ddd9b4;
$color-5: #ffffce;

TAILWIND

colors: {
  'brand-1': '#e5b38e',
  'brand-2': '#d98779',
  'brand-3': '#bbc4b1',
  'brand-4': '#ddd9b4',
  'brand-5': '#ffffce',
}

RGB Array

[229, 179, 142], [217, 135, 121], [187, 196, 177], [221, 217, 180], [255, 255, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5B38E, #D98779, #BBC4B1, #DDD9B4, #FFFFCE 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: #e5b38e; --color-2: #d98779; --color-3: #bbc4b1; --color-4: #ddd9b4; --color-5: #ffffce. 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