← Back to Editor

#FEA391 · #F2EBB5 · #AEE3B5 · #83C8AC · #3CA294

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FEA391

Peach Pink · LightSalmon · Coral Red

HEX
#FEA391
RGB
rgb(254, 163, 145)
HSL
hsl(10, 98%, 78%)
HSB
hsb(10, 43%, 100%)
CMYK
cmyk(0%, 36%, 43%, 0%)
Oklch
oklch(80.2% 0.112 31.8)

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

#F2EBB5

Fresh Green · Wheat · Lemon Cream

HEX
#F2EBB5
RGB
rgb(242, 235, 181)
HSL
hsl(53, 70%, 83%)
HSB
hsb(53, 25%, 95%)
CMYK
cmyk(0%, 3%, 25%, 5%)
Oklch
oklch(93.3% 0.070 101.5)

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

#AEE3B5

Celadon · Silver · Apple Green

HEX
#AEE3B5
RGB
rgb(174, 227, 181)
HSL
hsl(128, 49%, 79%)
HSB
hsb(128, 23%, 89%)
CMYK
cmyk(23%, 0%, 20%, 11%)
Oklch
oklch(86.7% 0.083 148.4)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#83C8AC

Jade · MediumAquaMarine · Apple Green

HEX
#83C8AC
RGB
rgb(131, 200, 172)
HSL
hsl(156, 39%, 65%)
HSB
hsb(156, 35%, 78%)
CMYK
cmyk(35%, 0%, 14%, 22%)
Oklch
oklch(77.9% 0.081 166.8)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#3CA294

Mineral Blue · CadetBlue · Mint Ice

HEX
#3CA294
RGB
rgb(60, 162, 148)
HSL
hsl(172, 46%, 44%)
HSB
hsb(172, 63%, 64%)
CMYK
cmyk(63%, 0%, 9%, 36%)
Oklch
oklch(64.9% 0.096 182.6)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEA391
90ECFE

Analogous

FE90B5
FEA391
FED990

Triadic

FEA391
90FEA2
A290FE

Split-Comp.

FEA391
90FED9
90B5FE

Tetradic

FEA391
B5FE90
90ECFE
D990FE

Contrast Matrix WCAG 2.1 Contrast

FEA391
F2EBB5
AEE3B5
83C8AC
3CA294
—
1.6
Fail
1.3
Fail
1.0
Fail
1.6
Fail
1.6
Fail
—
1.2
Fail
1.6
Fail
2.6
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
2.1
Fail
1.0
Fail
1.6
Fail
1.3
Fail
—
1.6
Fail
1.6
Fail
2.6
Fail
2.1
Fail
1.6
Fail
—
White BG
1.9Fail
1.2Fail
1.5Fail
1.9Fail
3.1AA Large
Black BG
10.9AAA
17.3AAA
14.5AAA
10.8AAA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D695
EFEFC2
C5C5C0
A1A1B3
686997

Deuteranopia

DCE396
EFF0C5
C2BEC3
9D98B4
625B98

Tritanopia

F9999A
F2CCCF
B1C9CB
86B8B9
419A9B

Achromatopsia

BCBCBC
E7E7E7
CECECE
B0B0B0
828282

Shades & Tints Shades & Tints

#FEA391

Dark
Light

#F2EBB5

Dark
Light

#AEE3B5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fea391;
  --color-2: #f2ebb5;
  --color-3: #aee3b5;
  --color-4: #83c8ac;
  --color-5: #3ca294;
}

SCSS

$color-1: #fea391;
$color-2: #f2ebb5;
$color-3: #aee3b5;
$color-4: #83c8ac;
$color-5: #3ca294;

TAILWIND

colors: {
  'brand-1': '#fea391',
  'brand-2': '#f2ebb5',
  'brand-3': '#aee3b5',
  'brand-4': '#83c8ac',
  'brand-5': '#3ca294',
}

RGB Array

[254, 163, 145], [242, 235, 181], [174, 227, 181], [131, 200, 172], [60, 162, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEA391, #F2EBB5, #AEE3B5, #83C8AC, #3CA294 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: #fea391; --color-2: #f2ebb5; --color-3: #aee3b5; --color-4: #83c8ac; --color-5: #3ca294. 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