#BE9CB7 + #DFB8BD + #EFCC7A + #FFE074 + #50558C · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BE9CB7

Mauve · DarkGray · Lilac Purple

HEX

#BE9CB7

RGB

rgb(190, 156, 183)

HSL

hsl(312, 21%, 68%)

HSB

hsb(312, 18%, 75%)

CMYK

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

Oklch

oklch(73.2% 0.054 333.3)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#DFB8BD

Peach Pink · Silver · Coral Red

HEX

#DFB8BD

RGB

rgb(223, 184, 189)

HSL

hsl(352, 38%, 80%)

HSB

hsb(352, 17%, 87%)

CMYK

cmyk(0%, 17%, 15%, 13%)

Oklch

oklch(81.8% 0.045 9.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#EFCC7A

Goose Yellow · BurlyWood · Sunflower

HEX

#EFCC7A

RGB

rgb(239, 204, 122)

HSL

hsl(42, 79%, 71%)

HSB

hsb(42, 49%, 94%)

CMYK

cmyk(0%, 15%, 49%, 6%)

Oklch

oklch(85.8% 0.109 87.0)

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

#FFE074

Goose Yellow · Khaki · Sunflower

HEX

#FFE074

RGB

rgb(255, 224, 116)

HSL

hsl(47, 100%, 73%)

HSB

hsb(47, 55%, 100%)

CMYK

cmyk(0%, 12%, 55%, 0%)

Oklch

oklch(91.1% 0.132 93.6)

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

#50558C

Indigo · DarkSlateBlue · Navy Blue

HEX

#50558C

RGB

rgb(80, 85, 140)

HSL

hsl(235, 27%, 43%)

HSB

hsb(235, 43%, 55%)

CMYK

cmyk(43%, 39%, 0%, 45%)

Oklch

oklch(47.1% 0.089 278.5)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BE9CB7

9CBFA3

Analogous

B49CBF

BE9CB7

BF9CA7

Triadic

BE9CB7

B8BF9C

9CB8BF

Split-Comp.

BE9CB7

A7BF9C

9CBFB4

Tetradic

BE9CB7

BFB49C

9CBFA3

9CA7BF

Contrast Matrix WCAG 2.1 Contrast

BE9CB7	DFB8BD	EFCC7A	FFE074	50558C
—	1.4 Fail	1.6 Fail	1.9 Fail	2.9 Fail
1.4 Fail	—	1.2 Fail	1.4 Fail	3.9 AA Large
1.6 Fail	1.2 Fail	—	1.2 Fail	4.5 AA
1.9 Fail	1.4 Fail	1.2 Fail	—	5.4 AA
2.9 Fail	3.9 AA Large	4.5 AA	5.4 AA	—

White BG

2.4Fail

1.8Fail

1.5Fail

1.3Fail

7.0AA

Black BG

8.6AAA

11.7AAA

13.6AAA

16.2AAA

3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAFB0

CECEBC

E0E08E

F2F18E

52527F

Deuteranopia

B1B4AF

D0D3BB

E2E493

F3F694

52527C

Tritanopia

BCABAA

DDBBBB

ED9EA1

FDA3A7

507472

Achromatopsia

A9A9A9

C4C4C4

CDCDCD

DDDDDD

5A5A5A

Shades & Tints Shades & Tints

#BE9CB7

Dark

Light

#DFB8BD

Dark

Light

#EFCC7A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #be9cb7;
  --color-2: #dfb8bd;
  --color-3: #efcc7a;
  --color-4: #ffe074;
  --color-5: #50558c;
}

SCSS

$color-1: #be9cb7;
$color-2: #dfb8bd;
$color-3: #efcc7a;
$color-4: #ffe074;
$color-5: #50558c;

TAILWIND

colors: {
  'brand-1': '#be9cb7',
  'brand-2': '#dfb8bd',
  'brand-3': '#efcc7a',
  'brand-4': '#ffe074',
  'brand-5': '#50558c',
}

RGB Array

[190, 156, 183], [223, 184, 189], [239, 204, 122], [255, 224, 116], [80, 85, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #BE9CB7, #DFB8BD, #EFCC7A, #FFE074, #50558C 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: #be9cb7; --color-2: #dfb8bd; --color-3: #efcc7a; --color-4: #ffe074; --color-5: #50558c. 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 dark-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