← Back to Editor

#FFC87F · #FEB08C · #FD8B8B · #B59F87 · #65AC8A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FFC87F

Goose Yellow · Khaki · Warm Sun

HEX
#FFC87F
RGB
rgb(255, 200, 127)
HSL
hsl(34, 100%, 75%)
HSB
hsb(34, 50%, 100%)
CMYK
cmyk(0%, 22%, 50%, 0%)
Oklch
oklch(86.6% 0.110 73.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FEB08C

Apricot · LightSalmon · Peach Orange

HEX
#FEB08C
RGB
rgb(254, 176, 140)
HSL
hsl(19, 98%, 77%)
HSB
hsb(19, 45%, 100%)
CMYK
cmyk(0%, 31%, 45%, 0%)
Oklch
oklch(82.4% 0.104 45.6)

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

#FD8B8B

Peach Pink · LightCoral · Coral Red

HEX
#FD8B8B
RGB
rgb(253, 139, 139)
HSL
hsl(0, 97%, 77%)
HSB
hsb(0, 45%, 99%)
CMYK
cmyk(0%, 45%, 45%, 1%)
Oklch
oklch(76.1% 0.139 20.8)

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

#B59F87

Ginger · Tan · Warm Sun

HEX
#B59F87
RGB
rgb(181, 159, 135)
HSL
hsl(31, 24%, 62%)
HSB
hsb(31, 25%, 71%)
CMYK
cmyk(0%, 12%, 25%, 29%)
Oklch
oklch(71.5% 0.042 69.5)

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

#65AC8A

Mineral Blue · CadetBlue · Olive Green

HEX
#65AC8A
RGB
rgb(101, 172, 138)
HSL
hsl(151, 30%, 54%)
HSB
hsb(151, 41%, 67%)
CMYK
cmyk(41%, 0%, 20%, 33%)
Oklch
oklch(68.8% 0.088 162.1)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFC87F
80B7FF

Analogous

FF8880
FFC87F
F7FF80

Triadic

FFC87F
80FFC8
C880FF

Split-Comp.

FFC87F
80F7FF
8880FF

Tetradic

FFC87F
80FF88
80B7FF
FF80F7

Contrast Matrix WCAG 2.1 Contrast

FFC87F
FEB08C
FD8B8B
B59F87
65AC8A
—
1.2
Fail
1.5
Fail
1.7
Fail
1.8
Fail
1.2
Fail
—
1.3
Fail
1.4
Fail
1.5
Fail
1.5
Fail
1.3
Fail
—
1.1
Fail
1.2
Fail
1.7
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.8
Fail
1.5
Fail
1.2
Fail
1.1
Fail
—
White BG
1.5Fail
1.8Fail
2.3Fail
2.5Fail
2.7Fail
Black BG
13.8AAA
11.8AAA
9.2AAA
8.3AAA
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E791
DCDC95
CCCB8B
ABAB8D
848492

Deuteranopia

EAEF95
E1E797
D2DB8B
ADAE8E
807A94

Tritanopia

FC9FA2
FA9C9D
F78B8B
B49192
69999A

Achromatopsia

D0D0D0
C3C3C3
ADADAD
A3A3A3
939393

Shades & Tints Shades & Tints

#FFC87F

Dark
Light

#FEB08C

Dark
Light

#FD8B8B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffc87f;
  --color-2: #feb08c;
  --color-3: #fd8b8b;
  --color-4: #b59f87;
  --color-5: #65ac8a;
}

SCSS

$color-1: #ffc87f;
$color-2: #feb08c;
$color-3: #fd8b8b;
$color-4: #b59f87;
$color-5: #65ac8a;

TAILWIND

colors: {
  'brand-1': '#ffc87f',
  'brand-2': '#feb08c',
  'brand-3': '#fd8b8b',
  'brand-4': '#b59f87',
  'brand-5': '#65ac8a',
}

RGB Array

[255, 200, 127], [254, 176, 140], [253, 139, 139], [181, 159, 135], [101, 172, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFC87F, #FEB08C, #FD8B8B, #B59F87, #65AC8A 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: #ffc87f; --color-2: #feb08c; --color-3: #fd8b8b; --color-4: #b59f87; --color-5: #65ac8a. 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