#BE9C88 + #EBCEAE + #F2E1C4 + #95BAB3 + #768C8B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BE9C88

Apricot · Tan · Warm Sun

HEX

#BE9C88

RGB

rgb(190, 156, 136)

HSL

hsl(22, 29%, 64%)

HSB

hsb(22, 28%, 75%)

CMYK

cmyk(0%, 18%, 28%, 25%)

Oklch

oklch(71.8% 0.050 52.1)

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

#EBCEAE

Goose Yellow · Wheat · Peach Orange

HEX

#EBCEAE

RGB

rgb(235, 206, 174)

HSL

hsl(31, 60%, 80%)

HSB

hsb(31, 26%, 92%)

CMYK

cmyk(0%, 12%, 26%, 8%)

Oklch

oklch(86.8% 0.054 69.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F2E1C4

Goose Yellow · Bisque · Peach Orange

HEX

#F2E1C4

RGB

rgb(242, 225, 196)

HSL

hsl(38, 64%, 86%)

HSB

hsb(38, 19%, 95%)

CMYK

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

Oklch

oklch(91.6% 0.043 81.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#95BAB3

Jade · DarkGray · Lake Green

HEX

#95BAB3

RGB

rgb(149, 186, 179)

HSL

hsl(169, 21%, 66%)

HSB

hsb(169, 20%, 73%)

CMYK

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

Oklch

oklch(76.0% 0.041 182.4)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#768C8B

Mineral Blue · SlateGray · Warm Gray

HEX

#768C8B

RGB

rgb(118, 140, 139)

HSL

hsl(177, 9%, 51%)

HSB

hsb(177, 16%, 55%)

CMYK

cmyk(16%, 0%, 1%, 45%)

Oklch

oklch(62.2% 0.025 193.1)

Traditional「Mineral Blue」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BE9C88

89AABE

Analogous

BE8990

BE9C88

BEB789

Triadic

BE9C88

89BE9C

9C89BE

Split-Comp.

BE9C88

89BEB7

8990BE

Tetradic

BE9C88

90BE89

89AABE

B789BE

Contrast Matrix WCAG 2.1 Contrast

BE9C88	EBCEAE	F2E1C4	95BAB3	768C8B
—	1.7 Fail	2.0 Fail	1.2 Fail	1.4 Fail
1.7 Fail	—	1.2 Fail	1.4 Fail	2.4 Fail
2.0 Fail	1.2 Fail	—	1.6 Fail	2.8 Fail
1.2 Fail	1.4 Fail	1.6 Fail	—	1.7 Fail
1.4 Fail	2.4 Fail	2.8 Fail	1.7 Fail	—

White BG

2.5Fail

1.5Fail

1.3Fail

2.1Fail

3.6AA Large

Black BG

8.3AAA

14.0AAA

16.3AAA

10.0AAA

5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAF8D

DEDEB6

EBEACB

A5A5B5

80808B

Deuteranopia

B1B48E

E0E2B8

ECEDCD

A3A0B5

7E7D8B

Tritanopia

BC9192

EABCBD

F1D1D2

97B6B6

778B8B

Achromatopsia

A4A4A4

D3D3D3

E3E3E3

AEAEAE

858585

Shades & Tints Shades & Tints

#BE9C88

Dark

Light

#EBCEAE

Dark

Light

#F2E1C4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #be9c88;
  --color-2: #ebceae;
  --color-3: #f2e1c4;
  --color-4: #95bab3;
  --color-5: #768c8b;
}

SCSS

$color-1: #be9c88;
$color-2: #ebceae;
$color-3: #f2e1c4;
$color-4: #95bab3;
$color-5: #768c8b;

TAILWIND

colors: {
  'brand-1': '#be9c88',
  'brand-2': '#ebceae',
  'brand-3': '#f2e1c4',
  'brand-4': '#95bab3',
  'brand-5': '#768c8b',
}

RGB Array

[190, 156, 136], [235, 206, 174], [242, 225, 196], [149, 186, 179], [118, 140, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BE9C88, #EBCEAE, #F2E1C4, #95BAB3, #768C8B 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: #be9c88; --color-2: #ebceae; --color-3: #f2e1c4; --color-4: #95bab3; --color-5: #768c8b. 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