← Back to Editor

#E9CD81 · #E7C44D · #FE9F53 · #F33A59 · #37786C

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

#E9CD81

Goose Yellow · BurlyWood · Sunflower

HEX
#E9CD81
RGB
rgb(233, 205, 129)
HSL
hsl(44, 70%, 71%)
HSB
hsb(44, 45%, 91%)
CMYK
cmyk(0%, 12%, 45%, 9%)
Oklch
oklch(85.5% 0.100 89.9)

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

#E7C44D

Ginger · SandyBrown · Sunflower

HEX
#E7C44D
RGB
rgb(231, 196, 77)
HSL
hsl(46, 76%, 60%)
HSB
hsb(46, 67%, 91%)
CMYK
cmyk(0%, 15%, 67%, 9%)
Oklch
oklch(82.9% 0.140 92.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#FE9F53

Apricot · SandyBrown · Warm Sun

HEX
#FE9F53
RGB
rgb(254, 159, 83)
HSL
hsl(27, 99%, 66%)
HSB
hsb(27, 67%, 100%)
CMYK
cmyk(0%, 37%, 67%, 0%)
Oklch
oklch(78.5% 0.145 57.0)

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

#F33A59

Vermilion · Tomato · Passion Red

HEX
#F33A59
RGB
rgb(243, 58, 89)
HSL
hsl(350, 89%, 59%)
HSB
hsb(350, 76%, 95%)
CMYK
cmyk(0%, 76%, 63%, 5%)
Oklch
oklch(63.8% 0.219 17.2)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#37786C

Mineral Blue · SeaGreen · Mint Ice

HEX
#37786C
RGB
rgb(55, 120, 108)
HSL
hsl(169, 37%, 34%)
HSB
hsb(169, 54%, 47%)
CMYK
cmyk(54%, 0%, 10%, 53%)
Oklch
oklch(52.6% 0.070 179.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9CD81
819DE9

Analogous

E99981
E9CD81
D1E981

Triadic

E9CD81
81E9CD
CD81E9

Split-Comp.

E9CD81
81D1E9
9981E9

Tetradic

E9CD81
81E999
819DE9
E981D1

Contrast Matrix WCAG 2.1 Contrast

E9CD81
E7C44D
FE9F53
F33A59
37786C
—
1.1
Fail
1.3
Fail
2.4
Fail
3.3
AA Large
1.1
Fail
—
1.2
Fail
2.2
Fail
3.1
AA Large
1.3
Fail
1.2
Fail
—
1.9
Fail
2.5
Fail
2.4
Fail
2.2
Fail
1.9
Fail
—
1.4
Fail
3.3
AA Large
3.1
AA Large
2.5
Fail
1.4
Fail
—
White BG
1.6Fail
1.7Fail
2.0Fail
3.8AA Large
5.2AA
Black BG
13.5AAA
12.4AAA
10.3AAA
5.6AA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDD93
D8D86A
D5D465
A3A151
53546F

Deuteranopia

DFE198
DADD71
DAE16A
AEBC50
4F4B70

Tritanopia

E8A2A5
E58186
F97477
EA4C4A
3A7172

Achromatopsia

CDCDCD
C1C1C1
B3B3B3
757575
636363

Shades & Tints Shades & Tints

#E9CD81

Dark
Light

#E7C44D

Dark
Light

#FE9F53

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9cd81;
  --color-2: #e7c44d;
  --color-3: #fe9f53;
  --color-4: #f33a59;
  --color-5: #37786c;
}

SCSS

$color-1: #e9cd81;
$color-2: #e7c44d;
$color-3: #fe9f53;
$color-4: #f33a59;
$color-5: #37786c;

TAILWIND

colors: {
  'brand-1': '#e9cd81',
  'brand-2': '#e7c44d',
  'brand-3': '#fe9f53',
  'brand-4': '#f33a59',
  'brand-5': '#37786c',
}

RGB Array

[233, 205, 129], [231, 196, 77], [254, 159, 83], [243, 58, 89], [55, 120, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9CD81, #E7C44D, #FE9F53, #F33A59, #37786C is ideal for: social media posters, mobile apps, e-commerce promos. 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: #e9cd81; --color-2: #e7c44d; --color-3: #fe9f53; --color-4: #f33a59; --color-5: #37786c. 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. 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