← Back to Editor

#FEFFBF · #FFB1B7 · #FC8F4C · #AB904B · #8B616B

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 AppData Visualization

Color Details Color Details

#FEFFBF

Fresh Green · Bisque · Lemon Cream

HEX
#FEFFBF
RGB
rgb(254, 255, 191)
HSL
hsl(61, 100%, 87%)
HSB
hsb(61, 25%, 100%)
CMYK
cmyk(0%, 0%, 25%, 0%)
Oklch
oklch(98.4% 0.081 108.6)

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

#FFB1B7

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB1B7
RGB
rgb(255, 177, 183)
HSL
hsl(355, 100%, 85%)
HSB
hsb(355, 31%, 100%)
CMYK
cmyk(0%, 31%, 28%, 0%)
Oklch
oklch(83.6% 0.092 14.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FC8F4C

Apricot · Coral · Warm Sun

HEX
#FC8F4C
RGB
rgb(252, 143, 76)
HSL
hsl(23, 97%, 64%)
HSB
hsb(23, 70%, 99%)
CMYK
cmyk(0%, 43%, 70%, 1%)
Oklch
oklch(75.5% 0.155 50.1)

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

#AB904B

Ochre · DarkGoldenRod · Honey Gold

HEX
#AB904B
RGB
rgb(171, 144, 75)
HSL
hsl(43, 39%, 48%)
HSB
hsb(43, 56%, 67%)
CMYK
cmyk(0%, 16%, 56%, 33%)
Oklch
oklch(66.3% 0.094 88.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#8B616B

Crimson · DimGray · Passion Red

HEX
#8B616B
RGB
rgb(139, 97, 107)
HSL
hsl(346, 18%, 46%)
HSB
hsb(346, 30%, 55%)
CMYK
cmyk(0%, 30%, 23%, 45%)
Oklch
oklch(54.0% 0.056 3.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEFFBF
BEBDFF

Analogous

FFDFBD
FEFFBF
DDFFBD

Triadic

FEFFBF
BDFEFF
FFBDFE

Split-Comp.

FEFFBF
BDDDFF
DFBDFF

Tetradic

FEFFBF
BDFFDF
BEBDFF
FFBDDD

Contrast Matrix WCAG 2.1 Contrast

FEFFBF
FFB1B7
FC8F4C
AB904B
8B616B
—
1.7
Fail
2.2
Fail
3.0
Fail
5.0
AA
1.7
Fail
—
1.3
Fail
1.8
Fail
3.0
AA Large
2.2
Fail
1.3
Fail
—
1.3
Fail
2.3
Fail
3.0
Fail
1.8
Fail
1.3
Fail
—
1.7
Fail
5.0
AA
3.0
AA Large
2.3
Fail
1.7
Fail
—
White BG
1.0Fail
1.7Fail
2.3Fail
3.1AA Large
5.2AA
Black BG
20.3AAA
12.2AAA
9.2AAA
6.8AA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFECE
DDDDB6
CDCC5C
9F9F5C
797869

Deuteranopia

FEFED2
E2E8B5
D3DB60
A1A360
7B7E68

Tritanopia

FEDBDD
FBB4B4
F7696C
AA696C
896766

Achromatopsia

F7F7F7
C9C9C9
A8A8A8
909090
6F6F6F

Shades & Tints Shades & Tints

#FEFFBF

Dark
Light

#FFB1B7

Dark
Light

#FC8F4C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #feffbf;
  --color-2: #ffb1b7;
  --color-3: #fc8f4c;
  --color-4: #ab904b;
  --color-5: #8b616b;
}

SCSS

$color-1: #feffbf;
$color-2: #ffb1b7;
$color-3: #fc8f4c;
$color-4: #ab904b;
$color-5: #8b616b;

TAILWIND

colors: {
  'brand-1': '#feffbf',
  'brand-2': '#ffb1b7',
  'brand-3': '#fc8f4c',
  'brand-4': '#ab904b',
  'brand-5': '#8b616b',
}

RGB Array

[254, 255, 191], [255, 177, 183], [252, 143, 76], [171, 144, 75], [139, 97, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEFFBF, #FFB1B7, #FC8F4C, #AB904B, #8B616B is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #feffbf; --color-2: #ffb1b7; --color-3: #fc8f4c; --color-4: #ab904b; --color-5: #8b616b. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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