← Back to Editor

#92B59F · #4C4A3E · #FDEEB7 · #FFAB34 · #DB6A00

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 AppData Visualization

Color Details Color Details

#92B59F

Celadon · DarkSeaGreen · Apple Green

HEX
#92B59F
RGB
rgb(146, 181, 159)
HSL
hsl(142, 19%, 64%)
HSB
hsb(142, 19%, 71%)
CMYK
cmyk(19%, 0%, 12%, 29%)
Oklch
oklch(74.1% 0.049 157.4)

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

#4C4A3E

Autumn Sage · DarkSlateGray · Honey Gold

HEX
#4C4A3E
RGB
rgb(76, 74, 62)
HSL
hsl(51, 10%, 27%)
HSB
hsb(51, 18%, 30%)
CMYK
cmyk(0%, 3%, 18%, 70%)
Oklch
oklch(40.7% 0.020 99.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#FDEEB7

Goose Yellow · Bisque · Lemon Cream

HEX
#FDEEB7
RGB
rgb(253, 238, 183)
HSL
hsl(47, 95%, 85%)
HSB
hsb(47, 28%, 99%)
CMYK
cmyk(0%, 6%, 28%, 1%)
Oklch
oklch(94.8% 0.072 94.6)

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

#FFAB34

Ginger · GoldenRod · Warm Sun

HEX
#FFAB34
RGB
rgb(255, 171, 52)
HSL
hsl(35, 100%, 60%)
HSB
hsb(35, 80%, 100%)
CMYK
cmyk(0%, 33%, 80%, 0%)
Oklch
oklch(80.5% 0.158 70.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#DB6A00

Tangerine · Chocolate · Amber Brown

HEX
#DB6A00
RGB
rgb(219, 106, 0)
HSL
hsl(29, 100%, 43%)
HSB
hsb(29, 100%, 86%)
CMYK
cmyk(0%, 52%, 100%, 14%)
Oklch
oklch(64.8% 0.168 51.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

92B59F
B592A8

Analogous

96B592
92B59F
92B5B0

Triadic

92B59F
9F92B5
B59F92

Split-Comp.

92B59F
B092B5
B59296

Tetradic

92B59F
9296B5
B592A8
B5B092

Contrast Matrix WCAG 2.1 Contrast

92B59F
4C4A3E
FDEEB7
FFAB34
DB6A00
—
4.0
AA Large
1.9
Fail
1.2
Fail
1.5
Fail
4.0
AA Large
—
7.7
AAA
4.7
AA
2.6
Fail
1.9
Fail
7.7
AAA
—
1.6
Fail
3.0
Fail
1.2
Fail
4.7
AA
1.6
Fail
—
1.8
Fail
1.5
Fail
2.6
Fail
3.0
Fail
1.8
Fail
—
White BG
2.3Fail
8.9AAA
1.2Fail
1.9Fail
3.5AA Large
Black BG
9.3AAA
2.4Fail
18.1AAA
11.1AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A1A4
4B4B41
F7F6C4
DBDA51
AAA91A

Deuteranopia

9F9DA6
4B4B42
F7F9C8
E0E658
B1B920

Tritanopia

94A9A9
4C4344
FCCFD1
FB686D
D52E32

Achromatopsia

A8A8A8
494949
ECECEC
B7B7B7
808080

Shades & Tints Shades & Tints

#92B59F

Dark
Light

#4C4A3E

Dark
Light

#FDEEB7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #92b59f;
  --color-2: #4c4a3e;
  --color-3: #fdeeb7;
  --color-4: #ffab34;
  --color-5: #db6a00;
}

SCSS

$color-1: #92b59f;
$color-2: #4c4a3e;
$color-3: #fdeeb7;
$color-4: #ffab34;
$color-5: #db6a00;

TAILWIND

colors: {
  'brand-1': '#92b59f',
  'brand-2': '#4c4a3e',
  'brand-3': '#fdeeb7',
  'brand-4': '#ffab34',
  'brand-5': '#db6a00',
}

RGB Array

[146, 181, 159], [76, 74, 62], [253, 238, 183], [255, 171, 52], [219, 106, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #92B59F, #4C4A3E, #FDEEB7, #FFAB34, #DB6A00 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #92b59f; --color-2: #4c4a3e; --color-3: #fdeeb7; --color-4: #ffab34; --color-5: #db6a00. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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