← Back to Editor

#F37075 · #FC9D71 · #BCC6AE · #ECD3BD · #F6E1B4

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F37075

Peach Pink · Salmon · Coral Red

HEX
#F37075
RGB
rgb(243, 112, 117)
HSL
hsl(358, 85%, 70%)
HSB
hsb(358, 54%, 95%)
CMYK
cmyk(0%, 54%, 52%, 5%)
Oklch
oklch(70.3% 0.161 19.8)

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

#FC9D71

Apricot · LightSalmon · Warm Sun

HEX
#FC9D71
RGB
rgb(252, 157, 113)
HSL
hsl(19, 96%, 72%)
HSB
hsb(19, 55%, 99%)
CMYK
cmyk(0%, 38%, 55%, 1%)
Oklch
oklch(78.4% 0.128 45.3)

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

#BCC6AE

Willow Green · Silver · Apple Green

HEX
#BCC6AE
RGB
rgb(188, 198, 174)
HSL
hsl(85, 17%, 73%)
HSB
hsb(85, 12%, 78%)
CMYK
cmyk(5%, 0%, 12%, 22%)
Oklch
oklch(81.2% 0.035 125.6)

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

#ECD3BD

Apricot · Wheat · Peach Orange

HEX
#ECD3BD
RGB
rgb(236, 211, 189)
HSL
hsl(28, 55%, 83%)
HSB
hsb(28, 20%, 93%)
CMYK
cmyk(0%, 11%, 20%, 7%)
Oklch
oklch(88.2% 0.041 63.6)

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

#F6E1B4

Goose Yellow · Wheat · Lemon Cream

HEX
#F6E1B4
RGB
rgb(246, 225, 180)
HSL
hsl(41, 79%, 84%)
HSB
hsb(41, 27%, 96%)
CMYK
cmyk(0%, 9%, 27%, 4%)
Oklch
oklch(91.6% 0.063 85.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F37075
71F4EF

Analogous

F471B7
F37075
F4AE71

Triadic

F37075
76F471
7176F4

Split-Comp.

F37075
71F4AE
71B7F4

Tetradic

F37075
B7F471
71F4EF
AE71F4

Contrast Matrix WCAG 2.1 Contrast

F37075
FC9D71
BCC6AE
ECD3BD
F6E1B4
—
1.4
Fail
1.6
Fail
2.0
Fail
2.2
Fail
1.4
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.6
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
2.0
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
2.2
Fail
1.6
Fail
1.4
Fail
1.1
Fail
—
White BG
2.8Fail
2.1Fail
1.8Fail
1.4Fail
1.3Fail
Black BG
7.4AAA
10.2AAA
11.8AAA
14.6AAA
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BAB974
D3D27C
C0C0B4
E1E1C2
EDEDBF

Deuteranopia

C2CC74
D8DF7E
C0BFB5
E3E5C4
EEF0C2

Tritanopia

EC7373
F78486
BDB8B9
EBC7C7
F5C7C9

Achromatopsia

989898
B4B4B4
C0C0C0
D8D8D8
E2E2E2

Shades & Tints Shades & Tints

#F37075

Dark
Light

#FC9D71

Dark
Light

#BCC6AE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f37075;
  --color-2: #fc9d71;
  --color-3: #bcc6ae;
  --color-4: #ecd3bd;
  --color-5: #f6e1b4;
}

SCSS

$color-1: #f37075;
$color-2: #fc9d71;
$color-3: #bcc6ae;
$color-4: #ecd3bd;
$color-5: #f6e1b4;

TAILWIND

colors: {
  'brand-1': '#f37075',
  'brand-2': '#fc9d71',
  'brand-3': '#bcc6ae',
  'brand-4': '#ecd3bd',
  'brand-5': '#f6e1b4',
}

RGB Array

[243, 112, 117], [252, 157, 113], [188, 198, 174], [236, 211, 189], [246, 225, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F37075, #FC9D71, #BCC6AE, #ECD3BD, #F6E1B4 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f37075; --color-2: #fc9d71; --color-3: #bcc6ae; --color-4: #ecd3bd; --color-5: #f6e1b4. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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