#FE5D6C + #F7A08F + #E7B8A4 + #D3C0B1 + #BFBBB8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FE5D6C

Peach Pink · Salmon · Coral Red

HEX

#FE5D6C

RGB

rgb(254, 93, 108)

HSL

hsl(354, 99%, 68%)

HSB

hsb(354, 63%, 100%)

CMYK

cmyk(0%, 63%, 57%, 0%)

Oklch

oklch(69.3% 0.195 18.4)

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

#F7A08F

Peach Pink · LightSalmon · Coral Red

HEX

#F7A08F

RGB

rgb(247, 160, 143)

HSL

hsl(10, 87%, 76%)

HSB

hsb(10, 42%, 97%)

CMYK

cmyk(0%, 35%, 42%, 3%)

Oklch

oklch(78.8% 0.107 31.6)

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

#E7B8A4

Apricot · BurlyWood · Peach Orange

HEX

#E7B8A4

RGB

rgb(231, 184, 164)

HSL

hsl(18, 58%, 77%)

HSB

hsb(18, 29%, 91%)

CMYK

cmyk(0%, 20%, 29%, 9%)

Oklch

oklch(81.9% 0.061 44.2)

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

#D3C0B1

Apricot · Silver · Peach Orange

HEX

#D3C0B1

RGB

rgb(211, 192, 177)

HSL

hsl(26, 28%, 76%)

HSB

hsb(26, 16%, 83%)

CMYK

cmyk(0%, 9%, 16%, 17%)

Oklch

oklch(82.0% 0.030 60.7)

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

#BFBBB8

Silver Gray · Silver · Pearl Gray

HEX

#BFBBB8

RGB

rgb(191, 187, 184)

HSL

hsl(26, 5%, 74%)

HSB

hsb(26, 4%, 75%)

CMYK

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

Oklch

oklch(79.4% 0.006 59.6)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FE5D6C

5DFEEE

Analogous

FE5DBE

FE5D6C

FE9D5D

Triadic

FE5D6C

6DFE5D

5D6DFE

Split-Comp.

FE5D6C

5DFE9D

5DBEFE

Tetradic

FE5D6C

BEFE5D

5DFEEE

9D5DFE

Contrast Matrix WCAG 2.1 Contrast

FE5D6C	F7A08F	E7B8A4	D3C0B1	BFBBB8
—	1.5 Fail	1.7 Fail	1.7 Fail	1.6 Fail
1.5 Fail	—	1.1 Fail	1.2 Fail	1.1 Fail
1.7 Fail	1.1 Fail	—	1.0 Fail	1.1 Fail
1.7 Fail	1.2 Fail	1.0 Fail	—	1.1 Fail
1.6 Fail	1.1 Fail	1.1 Fail	1.1 Fail	—

White BG

3.0AA Large

2.0Fail

1.8Fail

1.9Fail

Black BG

7.0AA

10.4AAA

11.8AAA

11.9AAA

11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B768

D1D193

D3D2A9

CBCBB5

BDBDB9

Deuteranopia

C2CE68

D6DD94

D5D9AA

CCCDB6

BEBEB9

Tritanopia

F66665

F39697

E5ADAE

D2B7B8

BFB9B9

Achromatopsia

8F8F8F

B8B8B8

C4C4C4

BCBCBC

Shades & Tints Shades & Tints

#FE5D6C

Dark

Light

#F7A08F

Dark

Light

#E7B8A4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fe5d6c;
  --color-2: #f7a08f;
  --color-3: #e7b8a4;
  --color-4: #d3c0b1;
  --color-5: #bfbbb8;
}

SCSS

$color-1: #fe5d6c;
$color-2: #f7a08f;
$color-3: #e7b8a4;
$color-4: #d3c0b1;
$color-5: #bfbbb8;

TAILWIND

colors: {
  'brand-1': '#fe5d6c',
  'brand-2': '#f7a08f',
  'brand-3': '#e7b8a4',
  'brand-4': '#d3c0b1',
  'brand-5': '#bfbbb8',
}

RGB Array

[254, 93, 108], [247, 160, 143], [231, 184, 164], [211, 192, 177], [191, 187, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FE5D6C, #F7A08F, #E7B8A4, #D3C0B1, #BFBBB8 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: #fe5d6c; --color-2: #f7a08f; --color-3: #e7b8a4; --color-4: #d3c0b1; --color-5: #bfbbb8. 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