← Back to Editor

#91837A · #EFA077 · #EBC989 · #FCDFC1 · #F3B5A8

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

#91837A

Tangerine · Gray · Warm Gray

HEX
#91837A
RGB
rgb(145, 131, 122)
HSL
hsl(23, 9%, 52%)
HSB
hsb(23, 16%, 57%)
CMYK
cmyk(0%, 10%, 16%, 43%)
Oklch
oklch(62.0% 0.022 55.0)

Traditional「Tangerine」· Paint「Warm Gray」· Creative Urban Concrete

#EFA077

Apricot · DarkSalmon · Warm Sun

HEX
#EFA077
RGB
rgb(239, 160, 119)
HSL
hsl(20, 79%, 70%)
HSB
hsb(20, 50%, 94%)
CMYK
cmyk(0%, 33%, 50%, 6%)
Oklch
oklch(77.5% 0.109 48.0)

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

#EBC989

Goose Yellow · BurlyWood · Warm Sun

HEX
#EBC989
RGB
rgb(235, 201, 137)
HSL
hsl(39, 71%, 73%)
HSB
hsb(39, 42%, 92%)
CMYK
cmyk(0%, 14%, 42%, 8%)
Oklch
oklch(85.1% 0.090 82.7)

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

#FCDFC1

Goose Yellow · Bisque · Peach Orange

HEX
#FCDFC1
RGB
rgb(252, 223, 193)
HSL
hsl(31, 91%, 87%)
HSB
hsb(31, 23%, 99%)
CMYK
cmyk(0%, 12%, 23%, 1%)
Oklch
oklch(92.0% 0.051 68.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F3B5A8

Peach Pink · LightPink · Cherry Blossom

HEX
#F3B5A8
RGB
rgb(243, 181, 168)
HSL
hsl(10, 76%, 81%)
HSB
hsb(10, 31%, 95%)
CMYK
cmyk(0%, 26%, 31%, 5%)
Oklch
oklch(82.7% 0.075 32.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

91837A
7A8790

Analogous

907A7C
91837A
908D7A

Triadic

91837A
7A9082
827A90

Split-Comp.

91837A
7A908D
7A7C90

Tetradic

91837A
7C907A
7A8790
8D7A90

Contrast Matrix WCAG 2.1 Contrast

91837A
EFA077
EBC989
FCDFC1
F3B5A8
—
1.7
Fail
2.3
Fail
2.9
Fail
2.1
Fail
1.7
Fail
—
1.3
Fail
1.7
Fail
1.2
Fail
2.3
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
2.9
Fail
1.7
Fail
1.2
Fail
—
1.4
Fail
2.1
Fail
1.2
Fail
1.1
Fail
1.4
Fail
—
White BG
3.7AA Large
2.1Fail
1.6Fail
1.3Fail
1.8Fail
Black BG
5.7AA
10.0AAA
13.2AAA
16.5AAA
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8B7C
CDCC81
DCDC98
EFEFC8
D8D8AB

Deuteranopia

8C8D7D
D1D783
DEE19C
F1F3CA
DCE0AC

Tritanopia

907E7E
EB898A
E9A5A7
FBCECF
F0AEAE

Achromatopsia

868686
B3B3B3
CCCCCC
E4E4E4
C6C6C6

Shades & Tints Shades & Tints

#91837A

Dark
Light

#EFA077

Dark
Light

#EBC989

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #91837a;
  --color-2: #efa077;
  --color-3: #ebc989;
  --color-4: #fcdfc1;
  --color-5: #f3b5a8;
}

SCSS

$color-1: #91837a;
$color-2: #efa077;
$color-3: #ebc989;
$color-4: #fcdfc1;
$color-5: #f3b5a8;

TAILWIND

colors: {
  'brand-1': '#91837a',
  'brand-2': '#efa077',
  'brand-3': '#ebc989',
  'brand-4': '#fcdfc1',
  'brand-5': '#f3b5a8',
}

RGB Array

[145, 131, 122], [239, 160, 119], [235, 201, 137], [252, 223, 193], [243, 181, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #91837A, #EFA077, #EBC989, #FCDFC1, #F3B5A8 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: #91837a; --color-2: #efa077; --color-3: #ebc989; --color-4: #fcdfc1; --color-5: #f3b5a8. 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