← Back to Editor

#F8E1C2 · #F5CB8F · #FFB79A · #C69C84 · #BBAF97

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

#F8E1C2

Goose Yellow · Bisque · Peach Orange

HEX
#F8E1C2
RGB
rgb(248, 225, 194)
HSL
hsl(34, 79%, 87%)
HSB
hsb(34, 22%, 97%)
CMYK
cmyk(0%, 9%, 22%, 3%)
Oklch
oklch(92.1% 0.048 75.3)

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

#F5CB8F

Goose Yellow · Khaki · Peach Orange

HEX
#F5CB8F
RGB
rgb(245, 203, 143)
HSL
hsl(35, 84%, 76%)
HSB
hsb(35, 42%, 96%)
CMYK
cmyk(0%, 17%, 42%, 4%)
Oklch
oklch(86.5% 0.090 76.0)

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

#FFB79A

Apricot · BurlyWood · Peach Orange

HEX
#FFB79A
RGB
rgb(255, 183, 154)
HSL
hsl(17, 100%, 80%)
HSB
hsb(17, 40%, 100%)
CMYK
cmyk(0%, 28%, 40%, 0%)
Oklch
oklch(84.0% 0.093 42.8)

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

#C69C84

Apricot · Tan · Warm Sun

HEX
#C69C84
RGB
rgb(198, 156, 132)
HSL
hsl(22, 37%, 65%)
HSB
hsb(22, 33%, 78%)
CMYK
cmyk(0%, 21%, 33%, 22%)
Oklch
oklch(72.5% 0.061 51.2)

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

#BBAF97

Ginger · Tan · Sunflower

HEX
#BBAF97
RGB
rgb(187, 175, 151)
HSL
hsl(40, 21%, 66%)
HSB
hsb(40, 19%, 73%)
CMYK
cmyk(0%, 6%, 19%, 27%)
Oklch
oklch(75.8% 0.036 84.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8E1C2
C4DAF8

Analogous

F8C7C4
F8E1C2
F5F8C4

Triadic

F8E1C2
C4F8E1
E1C4F8

Split-Comp.

F8E1C2
C4F5F8
C7C4F8

Tetradic

F8E1C2
C4F8C7
C4DAF8
F8C4F5

Contrast Matrix WCAG 2.1 Contrast

F8E1C2
F5CB8F
FFB79A
C69C84
BBAF97
—
1.2
Fail
1.3
Fail
1.9
Fail
1.7
Fail
1.2
Fail
—
1.1
Fail
1.6
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
1.5
Fail
1.3
Fail
1.9
Fail
1.6
Fail
1.5
Fail
—
1.1
Fail
1.7
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
White BG
1.3Fail
1.5Fail
1.7Fail
2.5Fail
2.2Fail
Black BG
16.5AAA
13.8AAA
12.5AAA
8.5AAA
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEECA
E3E29E
E0DFA1
B4B38A
B6B69D

Deuteranopia

EFF1CB
E5E8A1
E4E9A3
B6B98B
B7B79E

Tritanopia

F7CFD1
F3A9AC
FBA7A8
C48E8F
BAA1A2

Achromatopsia

E4E4E4
D1D1D1
C9C9C9
A6A6A6
B0B0B0

Shades & Tints Shades & Tints

#F8E1C2

Dark
Light

#F5CB8F

Dark
Light

#FFB79A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8e1c2;
  --color-2: #f5cb8f;
  --color-3: #ffb79a;
  --color-4: #c69c84;
  --color-5: #bbaf97;
}

SCSS

$color-1: #f8e1c2;
$color-2: #f5cb8f;
$color-3: #ffb79a;
$color-4: #c69c84;
$color-5: #bbaf97;

TAILWIND

colors: {
  'brand-1': '#f8e1c2',
  'brand-2': '#f5cb8f',
  'brand-3': '#ffb79a',
  'brand-4': '#c69c84',
  'brand-5': '#bbaf97',
}

RGB Array

[248, 225, 194], [245, 203, 143], [255, 183, 154], [198, 156, 132], [187, 175, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F8E1C2, #F5CB8F, #FFB79A, #C69C84, #BBAF97 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: #f8e1c2; --color-2: #f5cb8f; --color-3: #ffb79a; --color-4: #c69c84; --color-5: #bbaf97. 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