← Back to Editor

#E5E983 · #B4D997 · #FF8562 · #696161 · #B4A709

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

#E5E983

Fresh Green · Khaki · Sunflower

HEX
#E5E983
RGB
rgb(229, 233, 131)
HSL
hsl(62, 70%, 71%)
HSB
hsb(62, 44%, 91%)
CMYK
cmyk(2%, 0%, 44%, 9%)
Oklch
oklch(90.9% 0.126 110.6)

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

#B4D997

Celadon · LightGreen · Apple Green

HEX
#B4D997
RGB
rgb(180, 217, 151)
HSL
hsl(94, 46%, 72%)
HSB
hsb(94, 30%, 85%)
CMYK
cmyk(17%, 0%, 30%, 15%)
Oklch
oklch(84.2% 0.097 132.0)

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

#FF8562

Peach Pink · Salmon · Coral Red

HEX
#FF8562
RGB
rgb(255, 133, 98)
HSL
hsl(13, 100%, 69%)
HSB
hsb(13, 62%, 100%)
CMYK
cmyk(0%, 48%, 62%, 0%)
Oklch
oklch(74.7% 0.157 36.9)

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

#696161

Ink Gray · DimGray · Charcoal

HEX
#696161
RGB
rgb(105, 97, 97)
HSL
hsl(0, 4%, 40%)
HSB
hsb(0, 8%, 41%)
CMYK
cmyk(0%, 8%, 8%, 59%)
Oklch
oklch(50.0% 0.010 17.5)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#B4A709

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#B4A709
RGB
rgb(180, 167, 9)
HSL
hsl(55, 90%, 37%)
HSB
hsb(55, 95%, 71%)
CMYK
cmyk(0%, 7%, 95%, 29%)
Oklch
oklch(71.7% 0.150 103.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5E983
8581E9

Analogous

E9B981
E5E983
B2E981

Triadic

E5E983
81E5E9
E981E5

Split-Comp.

E5E983
81B2E9
B981E9

Tetradic

E5E983
81E9B9
8581E9
E981B2

Contrast Matrix WCAG 2.1 Contrast

E5E983
B4D997
FF8562
696161
B4A709
—
1.2
Fail
1.9
Fail
4.7
AA
1.9
Fail
1.2
Fail
—
1.5
Fail
3.8
AA Large
1.6
Fail
1.9
Fail
1.5
Fail
—
2.5
Fail
1.0
Fail
4.7
AA
3.8
AA Large
2.5
Fail
—
2.4
Fail
1.9
Fail
1.6
Fail
1.0
Fail
2.4
Fail
—
White BG
1.3Fail
1.6Fail
2.4Fail
6.0AA
2.5Fail
Black BG
16.3AAA
13.3AAA
8.8AAA
3.5AA Large
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E79C
C4C4A7
CAC96A
666561
AEAE2F

Deuteranopia

E7E6A2
C2BFAB
D1DA6D
666761
AFB038

Tritanopia

E5AFB3
B6B4B6
F97173
696161
B34D54

Achromatopsia

DCDCDC
C6C6C6
A5A5A5
636363
999999

Shades & Tints Shades & Tints

#E5E983

Dark
Light

#B4D997

Dark
Light

#FF8562

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5e983;
  --color-2: #b4d997;
  --color-3: #ff8562;
  --color-4: #696161;
  --color-5: #b4a709;
}

SCSS

$color-1: #e5e983;
$color-2: #b4d997;
$color-3: #ff8562;
$color-4: #696161;
$color-5: #b4a709;

TAILWIND

colors: {
  'brand-1': '#e5e983',
  'brand-2': '#b4d997',
  'brand-3': '#ff8562',
  'brand-4': '#696161',
  'brand-5': '#b4a709',
}

RGB Array

[229, 233, 131], [180, 217, 151], [255, 133, 98], [105, 97, 97], [180, 167, 9]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5E983, #B4D997, #FF8562, #696161, #B4A709 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: #e5e983; --color-2: #b4d997; --color-3: #ff8562; --color-4: #696161; --color-5: #b4a709. 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