← Back to Editor

#B1B881 · #E6D59A · #F7B688 · #FA8282 · #ED396C

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

#B1B881

Fresh Green · Tan · Sunflower

HEX
#B1B881
RGB
rgb(177, 184, 129)
HSL
hsl(68, 28%, 61%)
HSB
hsb(68, 30%, 72%)
CMYK
cmyk(4%, 0%, 30%, 28%)
Oklch
oklch(76.3% 0.074 114.1)

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

#E6D59A

Goose Yellow · Khaki · Sunflower

HEX
#E6D59A
RGB
rgb(230, 213, 154)
HSL
hsl(47, 60%, 75%)
HSB
hsb(47, 33%, 90%)
CMYK
cmyk(0%, 7%, 33%, 10%)
Oklch
oklch(87.3% 0.078 93.9)

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

#F7B688

Apricot · BurlyWood · Warm Sun

HEX
#F7B688
RGB
rgb(247, 182, 136)
HSL
hsl(25, 87%, 75%)
HSB
hsb(25, 45%, 97%)
CMYK
cmyk(0%, 26%, 45%, 3%)
Oklch
oklch(82.6% 0.097 56.2)

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

#FA8282

Peach Pink · LightCoral · Coral Red

HEX
#FA8282
RGB
rgb(250, 130, 130)
HSL
hsl(0, 92%, 75%)
HSB
hsb(0, 48%, 98%)
CMYK
cmyk(0%, 48%, 48%, 2%)
Oklch
oklch(74.1% 0.147 21.2)

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

#ED396C

Dark Violet · DeepPink · Rose Pink

HEX
#ED396C
RGB
rgb(237, 57, 108)
HSL
hsl(343, 83%, 58%)
HSB
hsb(343, 76%, 93%)
CMYK
cmyk(0%, 76%, 54%, 7%)
Oklch
oklch(63.2% 0.215 9.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B1B881
8780B7

Analogous

B7A380
B1B881
94B780

Triadic

B1B881
80B0B7
B780B0

Split-Comp.

B1B881
8094B7
A380B7

Tetradic

B1B881
80B7A3
8780B7
B78094

Contrast Matrix WCAG 2.1 Contrast

B1B881
E6D59A
F7B688
FA8282
ED396C
—
1.4
Fail
1.2
Fail
1.2
Fail
1.9
Fail
1.4
Fail
—
1.2
Fail
1.7
Fail
2.7
Fail
1.2
Fail
1.2
Fail
—
1.4
Fail
2.2
Fail
1.2
Fail
1.7
Fail
1.4
Fail
—
1.6
Fail
1.9
Fail
2.7
Fail
2.2
Fail
1.6
Fail
—
White BG
2.1Fail
1.5Fail
1.7Fail
2.4Fail
3.9AA Large
Black BG
10.0AAA
14.3AAA
12.0AAA
8.6AAA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B48E
DFDEA8
DBDA93
C6C582
9F9D60

Deuteranopia

B4B392
E0E1AC
DFE396
CDD682
AAB75D

Tritanopia

B1999B
E5B4B6
F49C9E
F48282
E45654

Achromatopsia

B0B0B0
D3D3D3
C4C4C4
A6A6A6
757575

Shades & Tints Shades & Tints

#B1B881

Dark
Light

#E6D59A

Dark
Light

#F7B688

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b1b881;
  --color-2: #e6d59a;
  --color-3: #f7b688;
  --color-4: #fa8282;
  --color-5: #ed396c;
}

SCSS

$color-1: #b1b881;
$color-2: #e6d59a;
$color-3: #f7b688;
$color-4: #fa8282;
$color-5: #ed396c;

TAILWIND

colors: {
  'brand-1': '#b1b881',
  'brand-2': '#e6d59a',
  'brand-3': '#f7b688',
  'brand-4': '#fa8282',
  'brand-5': '#ed396c',
}

RGB Array

[177, 184, 129], [230, 213, 154], [247, 182, 136], [250, 130, 130], [237, 57, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B1B881, #E6D59A, #F7B688, #FA8282, #ED396C 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: #b1b881; --color-2: #e6d59a; --color-3: #f7b688; --color-4: #fa8282; --color-5: #ed396c. 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