← Back to Editor

#92CBA8 · #F4F7B4 · #F5E1AC · #EED39E · #F8927C

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

#92CBA8

Celadon · DarkSeaGreen · Apple Green

HEX
#92CBA8
RGB
rgb(146, 203, 168)
HSL
hsl(143, 35%, 68%)
HSB
hsb(143, 28%, 80%)
CMYK
cmyk(28%, 0%, 17%, 20%)
Oklch
oklch(79.3% 0.077 157.2)

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

#F4F7B4

Fresh Green · Wheat · Lemon Cream

HEX
#F4F7B4
RGB
rgb(244, 247, 180)
HSL
hsl(63, 81%, 84%)
HSB
hsb(63, 27%, 97%)
CMYK
cmyk(1%, 0%, 27%, 3%)
Oklch
oklch(95.8% 0.085 110.1)

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

#F5E1AC

Goose Yellow · Wheat · Lemon Cream

HEX
#F5E1AC
RGB
rgb(245, 225, 172)
HSL
hsl(44, 78%, 82%)
HSB
hsb(44, 30%, 96%)
CMYK
cmyk(0%, 8%, 30%, 4%)
Oklch
oklch(91.3% 0.072 89.8)

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

#EED39E

Goose Yellow · Wheat · Lemon Cream

HEX
#EED39E
RGB
rgb(238, 211, 158)
HSL
hsl(40, 70%, 78%)
HSB
hsb(40, 34%, 93%)
CMYK
cmyk(0%, 11%, 34%, 7%)
Oklch
oklch(87.7% 0.075 83.9)

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

#F8927C

Peach Pink · DarkSalmon · Coral Red

HEX
#F8927C
RGB
rgb(248, 146, 124)
HSL
hsl(11, 90%, 73%)
HSB
hsb(11, 50%, 97%)
CMYK
cmyk(0%, 41%, 50%, 3%)
Oklch
oklch(76.2% 0.128 33.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

92CBA8
CA91B4

Analogous

98CA91
92CBA8
91CAC3

Triadic

92CBA8
A791CA
CAA791

Split-Comp.

92CBA8
C391CA
CA9198

Tetradic

92CBA8
9198CA
CA91B4
CAC391

Contrast Matrix WCAG 2.1 Contrast

92CBA8
F4F7B4
F5E1AC
EED39E
F8927C
—
1.7
Fail
1.4
Fail
1.3
Fail
1.2
Fail
1.7
Fail
—
1.2
Fail
1.3
Fail
2.0
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.7
Fail
1.3
Fail
1.3
Fail
1.1
Fail
—
1.5
Fail
1.2
Fail
2.0
Fail
1.7
Fail
1.5
Fail
—
White BG
1.9Fail
1.1Fail
1.3Fail
1.5Fail
2.2Fail
Black BG
11.3AAA
18.8AAA
16.2AAA
14.4AAA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABABB0
F5F5C4
ECECB9
E2E2AB
CCCB81

Deuteranopia

A7A3B3
F5F5C8
EEEFBC
E4E6AE
D2D983

Tritanopia

95B7B9
F4D1D4
F4C3C5
EDB5B7
F38686

Achromatopsia

B6B6B6
EEEEEE
E1E1E1
D5D5D5
AEAEAE

Shades & Tints Shades & Tints

#92CBA8

Dark
Light

#F4F7B4

Dark
Light

#F5E1AC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #92cba8;
  --color-2: #f4f7b4;
  --color-3: #f5e1ac;
  --color-4: #eed39e;
  --color-5: #f8927c;
}

SCSS

$color-1: #92cba8;
$color-2: #f4f7b4;
$color-3: #f5e1ac;
$color-4: #eed39e;
$color-5: #f8927c;

TAILWIND

colors: {
  'brand-1': '#92cba8',
  'brand-2': '#f4f7b4',
  'brand-3': '#f5e1ac',
  'brand-4': '#eed39e',
  'brand-5': '#f8927c',
}

RGB Array

[146, 203, 168], [244, 247, 180], [245, 225, 172], [238, 211, 158], [248, 146, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #92CBA8, #F4F7B4, #F5E1AC, #EED39E, #F8927C 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: #92cba8; --color-2: #f4f7b4; --color-3: #f5e1ac; --color-4: #eed39e; --color-5: #f8927c. 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