← Back to Editor

#FF868C · #FFC295 · #FFD3A8 · #F4F3BA · #FF989C

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

#FF868C

Peach Pink · LightCoral · Coral Red

HEX
#FF868C
RGB
rgb(255, 134, 140)
HSL
hsl(357, 100%, 76%)
HSB
hsb(357, 47%, 100%)
CMYK
cmyk(0%, 47%, 45%, 0%)
Oklch
oklch(75.6% 0.147 18.1)

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

#FFC295

Apricot · BurlyWood · Peach Orange

HEX
#FFC295
RGB
rgb(255, 194, 149)
HSL
hsl(25, 100%, 79%)
HSB
hsb(25, 42%, 100%)
CMYK
cmyk(0%, 24%, 42%, 0%)
Oklch
oklch(85.9% 0.092 57.6)

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

#FFD3A8

Goose Yellow · Wheat · Peach Orange

HEX
#FFD3A8
RGB
rgb(255, 211, 168)
HSL
hsl(30, 100%, 83%)
HSB
hsb(30, 34%, 100%)
CMYK
cmyk(0%, 17%, 34%, 0%)
Oklch
oklch(89.4% 0.075 66.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F4F3BA

Fresh Green · Bisque · Lemon Cream

HEX
#F4F3BA
RGB
rgb(244, 243, 186)
HSL
hsl(59, 73%, 84%)
HSB
hsb(59, 24%, 96%)
CMYK
cmyk(0%, 0%, 24%, 4%)
Oklch
oklch(95.1% 0.073 106.9)

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

#FF989C

Peach Pink · LightSalmon · Coral Red

HEX
#FF989C
RGB
rgb(255, 152, 156)
HSL
hsl(358, 100%, 80%)
HSB
hsb(358, 40%, 100%)
CMYK
cmyk(0%, 40%, 39%, 0%)
Oklch
oklch(78.8% 0.124 17.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF868C
85FFF9

Analogous

FF85C8
FF868C
FFBC85

Triadic

FF868C
8BFF85
858BFF

Split-Comp.

FF868C
85FFBC
85C8FF

Tetradic

FF868C
C8FF85
85FFF9
BC85FF

Contrast Matrix WCAG 2.1 Contrast

FF868C
FFC295
FFD3A8
F4F3BA
FF989C
—
1.5
Fail
1.7
Fail
2.0
Fail
1.1
Fail
1.5
Fail
—
1.1
Fail
1.4
Fail
1.3
Fail
1.7
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
2.0
Fail
1.4
Fail
1.2
Fail
—
1.8
Fail
1.1
Fail
1.3
Fail
1.5
Fail
1.8
Fail
—
White BG
2.3Fail
1.6Fail
1.4Fail
1.1Fail
2.1Fail
Black BG
9.0AAA
13.4AAA
15.1AAA
18.4AAA
10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCA8B
E5E4A0
ECECB2
F4F4C8
D2D19B

Deuteranopia

D2DB8A
E8EDA3
EFF2B5
F4F4CB
D8E09B

Tritanopia

F98989
FCA8AA
FDBBBC
F4D3D5
FA9A9A

Achromatopsia

ABABAB
CFCFCF
DBDBDB
EDEDED
B7B7B7

Shades & Tints Shades & Tints

#FF868C

Dark
Light

#FFC295

Dark
Light

#FFD3A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff868c;
  --color-2: #ffc295;
  --color-3: #ffd3a8;
  --color-4: #f4f3ba;
  --color-5: #ff989c;
}

SCSS

$color-1: #ff868c;
$color-2: #ffc295;
$color-3: #ffd3a8;
$color-4: #f4f3ba;
$color-5: #ff989c;

TAILWIND

colors: {
  'brand-1': '#ff868c',
  'brand-2': '#ffc295',
  'brand-3': '#ffd3a8',
  'brand-4': '#f4f3ba',
  'brand-5': '#ff989c',
}

RGB Array

[255, 134, 140], [255, 194, 149], [255, 211, 168], [244, 243, 186], [255, 152, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF868C, #FFC295, #FFD3A8, #F4F3BA, #FF989C 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: #ff868c; --color-2: #ffc295; --color-3: #ffd3a8; --color-4: #f4f3ba; --color-5: #ff989c. 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