#BE956D + #EBB49F + #C5CDB0 + #EEE8E3 + #F7EFEF - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BE956D

Ginger · DarkSalmon · Warm Sun

HEX

#BE956D

RGB

rgb(190, 149, 109)

HSL

hsl(30, 38%, 59%)

HSB

hsb(30, 43%, 75%)

CMYK

cmyk(0%, 22%, 43%, 25%)

Oklch

oklch(69.9% 0.074 65.4)

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

#EBB49F

Apricot · BurlyWood · Peach Orange

HEX

#EBB49F

RGB

rgb(235, 180, 159)

HSL

hsl(17, 66%, 77%)

HSB

hsb(17, 32%, 92%)

CMYK

cmyk(0%, 23%, 32%, 8%)

Oklch

oklch(81.5% 0.071 41.9)

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

#C5CDB0

Willow Green · Silver · Apple Green

HEX

#C5CDB0

RGB

rgb(197, 205, 176)

HSL

hsl(77, 22%, 75%)

HSB

hsb(77, 14%, 80%)

CMYK

cmyk(4%, 0%, 14%, 20%)

Oklch

oklch(83.4% 0.040 119.8)

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

#EEE8E3

Apricot · Linen · Peach Orange

HEX

#EEE8E3

RGB

rgb(238, 232, 227)

HSL

hsl(27, 24%, 91%)

HSB

hsb(27, 5%, 93%)

CMYK

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

Oklch

oklch(93.4% 0.009 62.6)

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

#F7EFEF

Peach Pink · Linen · Cherry Blossom

HEX

#F7EFEF

RGB

rgb(247, 239, 239)

HSL

hsl(0, 33%, 95%)

HSB

hsb(0, 3%, 97%)

CMYK

cmyk(0%, 3%, 3%, 3%)

Oklch

oklch(95.8% 0.009 17.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BE956D

6F96BE

Analogous

BE6F6F

BE956D

BEBE6F

Triadic

BE956D

6FBE96

966FBE

Split-Comp.

BE956D

6FBEBE

6F6FBE

Tetradic

BE956D

6FBE6F

6F96BE

BE6FBE

Contrast Matrix WCAG 2.1 Contrast

BE956D	EBB49F	C5CDB0	EEE8E3	F7EFEF
—	1.5 Fail	1.7 Fail	2.2 Fail	2.4 Fail
1.5 Fail	—	1.1 Fail	1.5 Fail	1.6 Fail
1.7 Fail	1.1 Fail	—	1.4 Fail	1.5 Fail
2.2 Fail	1.5 Fail	1.4 Fail	—	1.1 Fail
2.4 Fail	1.6 Fail	1.5 Fail	1.1 Fail	—

White BG

2.7Fail

1.8Fail

1.6Fail

1.2Fail

1.1Fail

Black BG

7.7AAA

11.6AAA

12.7AAA

17.3AAA

18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAC77

D3D3A4

C8C9B7

EBEBE4

F4F3EF

Deuteranopia

AFB279

D6DBA5

C8C7B9

ECECE4

F4F5EF

Tritanopia

BC7E80

E8A8A9

C5BDBE

EEE5E5

F7EFEF

Achromatopsia

9D9D9D

C2C2C2

C7C7C7

E9E9E9

F1F1F1

Shades & Tints Shades & Tints

#BE956D

Dark

Light

#EBB49F

Dark

Light

#C5CDB0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #be956d;
  --color-2: #ebb49f;
  --color-3: #c5cdb0;
  --color-4: #eee8e3;
  --color-5: #f7efef;
}

SCSS

$color-1: #be956d;
$color-2: #ebb49f;
$color-3: #c5cdb0;
$color-4: #eee8e3;
$color-5: #f7efef;

TAILWIND

colors: {
  'brand-1': '#be956d',
  'brand-2': '#ebb49f',
  'brand-3': '#c5cdb0',
  'brand-4': '#eee8e3',
  'brand-5': '#f7efef',
}

RGB Array

[190, 149, 109], [235, 180, 159], [197, 205, 176], [238, 232, 227], [247, 239, 239]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BE956D, #EBB49F, #C5CDB0, #EEE8E3, #F7EFEF 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: #be956d; --color-2: #ebb49f; --color-3: #c5cdb0; --color-4: #eee8e3; --color-5: #f7efef. 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