← Back to Editor

#F3EEC0 · #EBBC84 · #EC925E · #F76157 · #A08455

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

#F3EEC0

Fresh Green · Bisque · Lemon Cream

HEX
#F3EEC0
RGB
rgb(243, 238, 192)
HSL
hsl(54, 68%, 85%)
HSB
hsb(54, 21%, 95%)
CMYK
cmyk(0%, 2%, 21%, 5%)
Oklch
oklch(94.2% 0.060 102.3)

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

#EBBC84

Goose Yellow · BurlyWood · Warm Sun

HEX
#EBBC84
RGB
rgb(235, 188, 132)
HSL
hsl(33, 72%, 72%)
HSB
hsb(33, 44%, 92%)
CMYK
cmyk(0%, 20%, 44%, 8%)
Oklch
oklch(82.4% 0.090 70.9)

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

#EC925E

Apricot · SandyBrown · Warm Sun

HEX
#EC925E
RGB
rgb(236, 146, 94)
HSL
hsl(22, 79%, 65%)
HSB
hsb(22, 60%, 93%)
CMYK
cmyk(0%, 38%, 60%, 7%)
Oklch
oklch(74.3% 0.128 49.8)

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

#F76157

Peach Pink · Tomato · Coral Red

HEX
#F76157
RGB
rgb(247, 97, 87)
HSL
hsl(4, 91%, 65%)
HSB
hsb(4, 65%, 97%)
CMYK
cmyk(0%, 61%, 65%, 3%)
Oklch
oklch(68.4% 0.186 26.9)

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

#A08455

Ochre · Gray · Amber Brown

HEX
#A08455
RGB
rgb(160, 132, 85)
HSL
hsl(38, 31%, 48%)
HSB
hsb(38, 47%, 63%)
CMYK
cmyk(0%, 17%, 47%, 37%)
Oklch
oklch(62.8% 0.073 79.8)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3EEC0
BFC4F3

Analogous

F3D4BF
F3EEC0
DEF3BF

Triadic

F3EEC0
BFF3EE
EEBFF3

Split-Comp.

F3EEC0
BFDEF3
D4BFF3

Tetradic

F3EEC0
BFF3D4
BFC4F3
F3BFDE

Contrast Matrix WCAG 2.1 Contrast

F3EEC0
EBBC84
EC925E
F76157
A08455
—
1.5
Fail
2.0
Fail
2.6
Fail
3.0
AA Large
1.5
Fail
—
1.4
Fail
1.8
Fail
2.0
Fail
2.0
Fail
1.4
Fail
—
1.3
Fail
1.5
Fail
2.6
Fail
1.8
Fail
1.3
Fail
—
1.1
Fail
3.0
AA Large
2.0
Fail
1.5
Fail
1.1
Fail
—
White BG
1.2Fail
1.7Fail
2.4Fail
3.1AA Large
3.5AA Large
Black BG
17.8AAA
12.1AAA
8.8AAA
6.8AA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1CB
D7D692
C5C46B
B6B559
949460

Deuteranopia

F1F2CE
D9DD95
CAD16E
BFCA5A
969863

Tritanopia

F3D4D6
E99C9F
E87577
EF5B5C
9F696B

Achromatopsia

EAEAEA
C4C4C4
A7A7A7
8D8D8D
878787

Shades & Tints Shades & Tints

#F3EEC0

Dark
Light

#EBBC84

Dark
Light

#EC925E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3eec0;
  --color-2: #ebbc84;
  --color-3: #ec925e;
  --color-4: #f76157;
  --color-5: #a08455;
}

SCSS

$color-1: #f3eec0;
$color-2: #ebbc84;
$color-3: #ec925e;
$color-4: #f76157;
$color-5: #a08455;

TAILWIND

colors: {
  'brand-1': '#f3eec0',
  'brand-2': '#ebbc84',
  'brand-3': '#ec925e',
  'brand-4': '#f76157',
  'brand-5': '#a08455',
}

RGB Array

[243, 238, 192], [235, 188, 132], [236, 146, 94], [247, 97, 87], [160, 132, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F3EEC0, #EBBC84, #EC925E, #F76157, #A08455 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: #f3eec0; --color-2: #ebbc84; --color-3: #ec925e; --color-4: #f76157; --color-5: #a08455. 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