#FF7371 + #FCE3E2 + #FBECEB + #C6BFBE + #B2AAAA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FF7371

Peach Pink · Salmon · Coral Red

HEX

#FF7371

RGB

rgb(255, 115, 113)

HSL

hsl(1, 100%, 72%)

HSB

hsb(1, 56%, 100%)

CMYK

cmyk(0%, 55%, 56%, 0%)

Oklch

oklch(72.3% 0.172 23.1)

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

#FCE3E2

Peach Pink · Linen · Cherry Blossom

HEX

#FCE3E2

RGB

rgb(252, 227, 226)

HSL

hsl(2, 81%, 94%)

HSB

hsb(2, 10%, 99%)

CMYK

cmyk(0%, 10%, 10%, 1%)

Oklch

oklch(93.6% 0.028 20.4)

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

#FBECEB

Peach Pink · Linen · Cherry Blossom

HEX

#FBECEB

RGB

rgb(251, 236, 235)

HSL

hsl(4, 67%, 95%)

HSB

hsb(4, 6%, 98%)

CMYK

cmyk(0%, 6%, 6%, 2%)

Oklch

oklch(95.5% 0.016 22.1)

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

#C6BFBE

Silver Gray · Silver · Pearl Gray

HEX

#C6BFBE

RGB

rgb(198, 191, 190)

HSL

hsl(7, 7%, 76%)

HSB

hsb(7, 4%, 78%)

CMYK

cmyk(0%, 4%, 4%, 22%)

Oklch

oklch(81.0% 0.008 27.2)

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

#B2AAAA

Ash · DarkGray · Silver Sand

HEX

#B2AAAA

RGB

rgb(178, 170, 170)

HSL

hsl(0, 5%, 68%)

HSB

hsb(0, 4%, 70%)

CMYK

cmyk(0%, 4%, 4%, 30%)

Oklch

oklch(74.5% 0.009 17.4)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF7371

70FDFF

Analogous

FF70B5

FF7371

FFBA70

Triadic

FF7371

70FF73

7370FF

Split-Comp.

FF7371

70FFBA

70B5FF

Tetradic

FF7371

B5FF70

70FDFF

BA70FF

Contrast Matrix WCAG 2.1 Contrast

FF7371	FCE3E2	FBECEB	C6BFBE	B2AAAA
—	2.2 Fail	2.3 Fail	1.5 Fail	1.2 Fail
2.2 Fail	—	1.1 Fail	1.5 Fail	1.9 Fail
2.3 Fail	1.1 Fail	—	1.6 Fail	2.0 Fail
1.5 Fail	1.5 Fail	1.6 Fail	—	1.3 Fail
1.2 Fail	1.9 Fail	2.0 Fail	1.3 Fail	—

White BG

2.6Fail

1.2Fail

1.1Fail

1.8Fail

2.3Fail

Black BG

7.9AAA

17.2AAA

18.3AAA

11.6AAA

9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C171

F1F1E2

F5F4EB

C3C3BE

AFAEAA

Deuteranopia

CBD572

F3F4E2

F5F7EB

C3C4BE

AFB0AA

Tritanopia

F87272

FBE2E2

FAEBEB

C6BEBE

B2AAAA

Achromatopsia

9D9D9D

EAEAEA

F0F0F0

C1C1C1

ACACAC

Shades & Tints Shades & Tints

#FF7371

Dark

Light

#FCE3E2

Dark

Light

#FBECEB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff7371;
  --color-2: #fce3e2;
  --color-3: #fbeceb;
  --color-4: #c6bfbe;
  --color-5: #b2aaaa;
}

SCSS

$color-1: #ff7371;
$color-2: #fce3e2;
$color-3: #fbeceb;
$color-4: #c6bfbe;
$color-5: #b2aaaa;

TAILWIND

colors: {
  'brand-1': '#ff7371',
  'brand-2': '#fce3e2',
  'brand-3': '#fbeceb',
  'brand-4': '#c6bfbe',
  'brand-5': '#b2aaaa',
}

RGB Array

[255, 115, 113], [252, 227, 226], [251, 236, 235], [198, 191, 190], [178, 170, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF7371, #FCE3E2, #FBECEB, #C6BFBE, #B2AAAA 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: #ff7371; --color-2: #fce3e2; --color-3: #fbeceb; --color-4: #c6bfbe; --color-5: #b2aaaa. 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