← Back to Editor

#F2E5B6 · #E6C965 · #F2A86B · #FA8989 · #BA849A

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

#F2E5B6

Goose Yellow · Wheat · Lemon Cream

HEX
#F2E5B6
RGB
rgb(242, 229, 182)
HSL
hsl(47, 70%, 83%)
HSB
hsb(47, 25%, 95%)
CMYK
cmyk(0%, 5%, 25%, 5%)
Oklch
oklch(92.1% 0.063 94.4)

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

#E6C965

Ginger · BurlyWood · Sunflower

HEX
#E6C965
RGB
rgb(230, 201, 101)
HSL
hsl(47, 72%, 65%)
HSB
hsb(47, 56%, 90%)
CMYK
cmyk(0%, 13%, 56%, 10%)
Oklch
oklch(84.1% 0.124 93.4)

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

#F2A86B

Apricot · SandyBrown · Warm Sun

HEX
#F2A86B
RGB
rgb(242, 168, 107)
HSL
hsl(27, 84%, 68%)
HSB
hsb(27, 56%, 95%)
CMYK
cmyk(0%, 31%, 56%, 5%)
Oklch
oklch(79.0% 0.117 59.5)

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

#FA8989

Peach Pink · LightCoral · Coral Red

HEX
#FA8989
RGB
rgb(250, 137, 137)
HSL
hsl(0, 92%, 76%)
HSB
hsb(0, 45%, 98%)
CMYK
cmyk(0%, 45%, 45%, 2%)
Oklch
oklch(75.3% 0.138 20.8)

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

#BA849A

Rouge · DarkGray · Rose Pink

HEX
#BA849A
RGB
rgb(186, 132, 154)
HSL
hsl(336, 28%, 62%)
HSB
hsb(336, 29%, 73%)
CMYK
cmyk(0%, 29%, 17%, 27%)
Oklch
oklch(67.3% 0.072 353.0)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2E5B6
B5C2F2

Analogous

F2C7B5
F2E5B6
E1F2B5

Triadic

F2E5B6
B5F2E5
E5B5F2

Split-Comp.

F2E5B6
B5E1F2
C7B5F2

Tetradic

F2E5B6
B5F2C7
B5C2F2
F2B5E1

Contrast Matrix WCAG 2.1 Contrast

F2E5B6
E6C965
F2A86B
FA8989
BA849A
—
1.3
Fail
1.6
Fail
1.9
Fail
2.4
Fail
1.3
Fail
—
1.2
Fail
1.4
Fail
1.9
Fail
1.6
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.9
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
2.4
Fail
1.9
Fail
1.5
Fail
1.3
Fail
—
White BG
1.3Fail
1.6Fail
2.0Fail
2.3Fail
3.1AA Large
Black BG
16.7AAA
12.9AAA
10.6AAA
9.0AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECC1
D9D97D
D2D17A
C9C889
A3A295

Deuteranopia

EDEEC4
DBDD83
D6DC7D
D0D889
A6AA93

Tritanopia

F1CACC
E59095
EE8588
F48989
B79090

Achromatopsia

E4E4E4
C6C6C6
B7B7B7
ABABAB
979797

Shades & Tints Shades & Tints

#F2E5B6

Dark
Light

#E6C965

Dark
Light

#F2A86B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2e5b6;
  --color-2: #e6c965;
  --color-3: #f2a86b;
  --color-4: #fa8989;
  --color-5: #ba849a;
}

SCSS

$color-1: #f2e5b6;
$color-2: #e6c965;
$color-3: #f2a86b;
$color-4: #fa8989;
$color-5: #ba849a;

TAILWIND

colors: {
  'brand-1': '#f2e5b6',
  'brand-2': '#e6c965',
  'brand-3': '#f2a86b',
  'brand-4': '#fa8989',
  'brand-5': '#ba849a',
}

RGB Array

[242, 229, 182], [230, 201, 101], [242, 168, 107], [250, 137, 137], [186, 132, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2E5B6, #E6C965, #F2A86B, #FA8989, #BA849A 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: #f2e5b6; --color-2: #e6c965; --color-3: #f2a86b; --color-4: #fa8989; --color-5: #ba849a. 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