#E73478 + #D08B6C + #D1C183 + #FCFED9 + #BAC8B7 · muted - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E73478

Dark Violet · MediumVioletRed · Rose Pink

HEX

#E73478

RGB

rgb(231, 52, 120)

HSL

hsl(337, 79%, 55%)

HSB

hsb(337, 77%, 91%)

CMYK

cmyk(0%, 77%, 48%, 9%)

Oklch

oklch(62.1% 0.217 3.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#D08B6C

Apricot · DarkSalmon · Warm Sun

HEX

#D08B6C

RGB

rgb(208, 139, 108)

HSL

hsl(19, 52%, 62%)

HSB

hsb(19, 48%, 82%)

CMYK

cmyk(0%, 33%, 48%, 18%)

Oklch

oklch(69.9% 0.095 44.9)

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

#D1C183

Ginger · Tan · Sunflower

HEX

#D1C183

RGB

rgb(209, 193, 131)

HSL

hsl(48, 46%, 67%)

HSB

hsb(48, 37%, 82%)

CMYK

cmyk(0%, 8%, 37%, 18%)

Oklch

oklch(81.0% 0.083 95.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FCFED9

Fresh Green · LightYellow · Lemon Cream

HEX

#FCFED9

RGB

rgb(252, 254, 217)

HSL

hsl(63, 95%, 92%)

HSB

hsb(63, 15%, 100%)

CMYK

cmyk(1%, 0%, 15%, 0%)

Oklch

oklch(98.6% 0.048 109.8)

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

#BAC8B7

Celadon · Silver · Apple Green

HEX

#BAC8B7

RGB

rgb(186, 200, 183)

HSL

hsl(109, 13%, 75%)

HSB

hsb(109, 8%, 78%)

CMYK

cmyk(7%, 0%, 8%, 22%)

Oklch

oklch(81.7% 0.028 140.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E73478

32E7A1

Analogous

E732D2

E73478

E74732

Triadic

E73478

77E732

3277E7

Split-Comp.

E73478

32E747

32D2E7

Tetradic

E73478

D2E732

32E7A1

4732E7

Contrast Matrix WCAG 2.1 Contrast

E73478	D08B6C	D1C183	FCFED9	BAC8B7
—	1.5 Fail	2.3 Fail	3.9 AA Large	2.3 Fail
1.5 Fail	—	1.5 Fail	2.7 Fail	1.6 Fail
2.3 Fail	1.5 Fail	—	1.7 Fail	1.0 Fail
3.9 AA Large	2.7 Fail	1.7 Fail	—	1.7 Fail
2.3 Fail	1.6 Fail	1.0 Fail	1.7 Fail	—

White BG

4.1AA Large

2.8Fail

1.8Fail

1.0Fail

1.7Fail

Black BG

5.2AA

7.6AAA

11.7AAA

20.3AAA

12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

999868

B2B274

CACA92

FDFDE2

C0C0BB

Deuteranopia

A4B164

B6BB75

CBCC96

FDFDE4

BFBEBC

Tritanopia

DE5B58

CD797B

D09EA0

FCE9EB

BBBEBF

Achromatopsia

717171

9C9C9C

BFBFBF

F9F9F9

C2C2C2

Shades & Tints Shades & Tints

#E73478

Dark

Light

#D08B6C

Dark

Light

#D1C183

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e73478;
  --color-2: #d08b6c;
  --color-3: #d1c183;
  --color-4: #fcfed9;
  --color-5: #bac8b7;
}

SCSS

$color-1: #e73478;
$color-2: #d08b6c;
$color-3: #d1c183;
$color-4: #fcfed9;
$color-5: #bac8b7;

TAILWIND

colors: {
  'brand-1': '#e73478',
  'brand-2': '#d08b6c',
  'brand-3': '#d1c183',
  'brand-4': '#fcfed9',
  'brand-5': '#bac8b7',
}

RGB Array

[231, 52, 120], [208, 139, 108], [209, 193, 131], [252, 254, 217], [186, 200, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #E73478, #D08B6C, #D1C183, #FCFED9, #BAC8B7 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: #e73478; --color-2: #d08b6c; --color-3: #d1c183; --color-4: #fcfed9; --color-5: #bac8b7. 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 muted-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