← Back to Editor

#F7E5B0 · #F7CD92 · #F7B08D · #E39F88 · #C79C71

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

#F7E5B0

Goose Yellow · Wheat · Lemon Cream

HEX
#F7E5B0
RGB
rgb(247, 229, 176)
HSL
hsl(45, 82%, 83%)
HSB
hsb(45, 29%, 97%)
CMYK
cmyk(0%, 7%, 29%, 3%)
Oklch
oklch(92.4% 0.071 91.5)

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

#F7CD92

Goose Yellow · Khaki · Peach Orange

HEX
#F7CD92
RGB
rgb(247, 205, 146)
HSL
hsl(35, 86%, 77%)
HSB
hsb(35, 41%, 97%)
CMYK
cmyk(0%, 17%, 41%, 3%)
Oklch
oklch(87.1% 0.089 75.6)

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

#F7B08D

Apricot · LightSalmon · Peach Orange

HEX
#F7B08D
RGB
rgb(247, 176, 141)
HSL
hsl(20, 87%, 76%)
HSB
hsb(20, 43%, 97%)
CMYK
cmyk(0%, 29%, 43%, 3%)
Oklch
oklch(81.6% 0.096 47.2)

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

#E39F88

Apricot · DarkSalmon · Warm Sun

HEX
#E39F88
RGB
rgb(227, 159, 136)
HSL
hsl(15, 62%, 71%)
HSB
hsb(15, 40%, 89%)
CMYK
cmyk(0%, 30%, 40%, 11%)
Oklch
oklch(76.3% 0.088 39.5)

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

#C79C71

Ginger · DarkSalmon · Warm Sun

HEX
#C79C71
RGB
rgb(199, 156, 113)
HSL
hsl(30, 43%, 61%)
HSB
hsb(30, 43%, 78%)
CMYK
cmyk(0%, 22%, 43%, 22%)
Oklch
oklch(72.3% 0.077 66.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7E5B0
B0C2F7

Analogous

F7C2B0
F7E5B0
E5F7B0

Triadic

F7E5B0
B0F7E5
E5B0F7

Split-Comp.

F7E5B0
B0E5F7
C2B0F7

Tetradic

F7E5B0
B0F7C2
B0C2F7
F7B0E5

Contrast Matrix WCAG 2.1 Contrast

F7E5B0
F7CD92
F7B08D
E39F88
C79C71
—
1.2
Fail
1.5
Fail
1.8
Fail
2.0
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
2.0
Fail
1.7
Fail
1.4
Fail
1.1
Fail
—
White BG
1.3Fail
1.5Fail
1.8Fail
2.2Fail
2.5Fail
Black BG
16.8AAA
14.1AAA
11.5AAA
9.6AAA
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFBD
E5E4A0
D8D895
C6C58E
B4B47B

Deuteranopia

F0F2C0
E7EAA4
DCE298
CACF8F
B7BA7E

Tritanopia

F6C7C9
F5ACAE
F39C9E
E09293
C58485

Achromatopsia

E4E4E4
D3D3D3
C1C1C1
B1B1B1
A4A4A4

Shades & Tints Shades & Tints

#F7E5B0

Dark
Light

#F7CD92

Dark
Light

#F7B08D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7e5b0;
  --color-2: #f7cd92;
  --color-3: #f7b08d;
  --color-4: #e39f88;
  --color-5: #c79c71;
}

SCSS

$color-1: #f7e5b0;
$color-2: #f7cd92;
$color-3: #f7b08d;
$color-4: #e39f88;
$color-5: #c79c71;

TAILWIND

colors: {
  'brand-1': '#f7e5b0',
  'brand-2': '#f7cd92',
  'brand-3': '#f7b08d',
  'brand-4': '#e39f88',
  'brand-5': '#c79c71',
}

RGB Array

[247, 229, 176], [247, 205, 146], [247, 176, 141], [227, 159, 136], [199, 156, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7E5B0, #F7CD92, #F7B08D, #E39F88, #C79C71 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: #f7e5b0; --color-2: #f7cd92; --color-3: #f7b08d; --color-4: #e39f88; --color-5: #c79c71. 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