← Back to Editor

#B1EB7C · #D7C17A · #FE8777 · #E83667 · #5F0C50

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

#B1EB7C

Emerald · LightGreen · Apple Green

HEX
#B1EB7C
RGB
rgb(177, 235, 124)
HSL
hsl(91, 74%, 70%)
HSB
hsb(91, 47%, 92%)
CMYK
cmyk(25%, 0%, 47%, 8%)
Oklch
oklch(87.6% 0.154 131.6)

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

#D7C17A

Ginger · BurlyWood · Sunflower

HEX
#D7C17A
RGB
rgb(215, 193, 122)
HSL
hsl(46, 54%, 66%)
HSB
hsb(46, 43%, 84%)
CMYK
cmyk(0%, 10%, 43%, 16%)
Oklch
oklch(81.4% 0.094 92.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FE8777

Peach Pink · Salmon · Coral Red

HEX
#FE8777
RGB
rgb(254, 135, 119)
HSL
hsl(7, 99%, 73%)
HSB
hsb(7, 53%, 100%)
CMYK
cmyk(0%, 47%, 53%, 0%)
Oklch
oklch(75.2% 0.148 29.0)

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

#E83667

Dark Violet · MediumVioletRed · Rose Pink

HEX
#E83667
RGB
rgb(232, 54, 103)
HSL
hsl(343, 79%, 56%)
HSB
hsb(343, 77%, 91%)
CMYK
cmyk(0%, 77%, 56%, 9%)
Oklch
oklch(62.0% 0.213 10.5)

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

#5F0C50

Rose Purple · Purple · Eggplant

HEX
#5F0C50
RGB
rgb(95, 12, 80)
HSL
hsl(311, 78%, 21%)
HSB
hsb(311, 87%, 37%)
CMYK
cmyk(0%, 87%, 16%, 63%)
Oklch
oklch(33.8% 0.136 337.1)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B1EB7C
B47AEB

Analogous

E9EB7A
B1EB7C
7AEB7C

Triadic

B1EB7C
7AB1EB
EB7AB1

Split-Comp.

B1EB7C
7C7AEB
EB7AE9

Tetradic

B1EB7C
7AE9EB
B47AEB
EB7C7A

Contrast Matrix WCAG 2.1 Contrast

B1EB7C
D7C17A
FE8777
E83667
5F0C50
—
1.3
Fail
1.7
Fail
2.9
Fail
9.1
AAA
1.3
Fail
—
1.3
Fail
2.3
Fail
7.1
AAA
1.7
Fail
1.3
Fail
—
1.7
Fail
5.4
AA
2.9
Fail
2.3
Fail
1.7
Fail
—
3.1
AA Large
9.1
AAA
7.1
AAA
5.4
AA
3.1
AA Large
—
White BG
1.4Fail
1.8Fail
2.3Fail
4.1AA Large
12.7AAA
Black BG
15.0AAA
11.8AAA
8.9AAA
5.2AA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACB97
CDCD8B
CAC97B
9B995B
3B3A40

Deuteranopia

C7C29D
CFD08F
D1DA7C
A5B358
40463C

Tritanopia

B4ACB1
D6999C
F87E7F
DF5250
5B3330

Achromatopsia

CDCDCD
BFBFBF
A9A9A9
717171
2D2D2D

Shades & Tints Shades & Tints

#B1EB7C

Dark
Light

#D7C17A

Dark
Light

#FE8777

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b1eb7c;
  --color-2: #d7c17a;
  --color-3: #fe8777;
  --color-4: #e83667;
  --color-5: #5f0c50;
}

SCSS

$color-1: #b1eb7c;
$color-2: #d7c17a;
$color-3: #fe8777;
$color-4: #e83667;
$color-5: #5f0c50;

TAILWIND

colors: {
  'brand-1': '#b1eb7c',
  'brand-2': '#d7c17a',
  'brand-3': '#fe8777',
  'brand-4': '#e83667',
  'brand-5': '#5f0c50',
}

RGB Array

[177, 235, 124], [215, 193, 122], [254, 135, 119], [232, 54, 103], [95, 12, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B1EB7C, #D7C17A, #FE8777, #E83667, #5F0C50 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: #b1eb7c; --color-2: #d7c17a; --color-3: #fe8777; --color-4: #e83667; --color-5: #5f0c50. 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