← Back to Editor

#7CEBB5 · #B1EB7C · #FAD310 · #F0B164 · #DB81AD

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

#7CEBB5

Jade · MediumAquaMarine · Apple Green

HEX
#7CEBB5
RGB
rgb(124, 235, 181)
HSL
hsl(151, 74%, 70%)
HSB
hsb(151, 47%, 92%)
CMYK
cmyk(47%, 0%, 23%, 8%)
Oklch
oklch(86.0% 0.129 160.8)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#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

#FAD310

Autumn Sage · Gold · Sunflower

HEX
#FAD310
RGB
rgb(250, 211, 16)
HSL
hsl(50, 96%, 52%)
HSB
hsb(50, 94%, 98%)
CMYK
cmyk(0%, 16%, 94%, 2%)
Oklch
oklch(87.4% 0.178 95.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#F0B164

Ginger · SandyBrown · Warm Sun

HEX
#F0B164
RGB
rgb(240, 177, 100)
HSL
hsl(33, 82%, 67%)
HSB
hsb(33, 58%, 94%)
CMYK
cmyk(0%, 26%, 58%, 6%)
Oklch
oklch(80.4% 0.119 70.2)

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

#DB81AD

Rouge · Orchid · Rose Pink

HEX
#DB81AD
RGB
rgb(219, 129, 173)
HSL
hsl(331, 56%, 68%)
HSB
hsb(331, 41%, 86%)
CMYK
cmyk(0%, 41%, 21%, 14%)
Oklch
oklch(71.2% 0.122 349.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7CEBB5
EB7AB1

Analogous

7AEB7C
7CEBB5
7AE9EB

Triadic

7CEBB5
B47AEB
EBB47A

Split-Comp.

7CEBB5
EB7AE9
EB7C7A

Tetradic

7CEBB5
7C7AEB
EB7AB1
E9EB7A

Contrast Matrix WCAG 2.1 Contrast

7CEBB5
B1EB7C
FAD310
F0B164
DB81AD
—
1.0
Fail
1.0
Fail
1.3
Fail
1.9
Fail
1.0
Fail
—
1.0
Fail
1.3
Fail
1.9
Fail
1.0
Fail
1.0
Fail
—
1.3
Fail
1.9
Fail
1.3
Fail
1.3
Fail
1.3
Fail
—
1.4
Fail
1.9
Fail
1.9
Fail
1.9
Fail
1.4
Fail
—
White BG
1.5Fail
1.4Fail
1.5Fail
1.9Fail
2.7Fail
Black BG
14.4AAA
15.0AAA
14.4AAA
11.2AAA
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACADC2
CACB97
E9E93F
D5D477
B4B3A2

Deuteranopia

A69DC5
C7C29D
EBEE4B
D8DD7B
B9C0A0

Tritanopia

82CCCF
B4ACB1
F8646D
ED8589
D69A98

Achromatopsia

C4C4C4
CDCDCD
C8C8C8
BBBBBB
A1A1A1

Shades & Tints Shades & Tints

#7CEBB5

Dark
Light

#B1EB7C

Dark
Light

#FAD310

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7cebb5;
  --color-2: #b1eb7c;
  --color-3: #fad310;
  --color-4: #f0b164;
  --color-5: #db81ad;
}

SCSS

$color-1: #7cebb5;
$color-2: #b1eb7c;
$color-3: #fad310;
$color-4: #f0b164;
$color-5: #db81ad;

TAILWIND

colors: {
  'brand-1': '#7cebb5',
  'brand-2': '#b1eb7c',
  'brand-3': '#fad310',
  'brand-4': '#f0b164',
  'brand-5': '#db81ad',
}

RGB Array

[124, 235, 181], [177, 235, 124], [250, 211, 16], [240, 177, 100], [219, 129, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7CEBB5, #B1EB7C, #FAD310, #F0B164, #DB81AD 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: #7cebb5; --color-2: #b1eb7c; --color-3: #fad310; --color-4: #f0b164; --color-5: #db81ad. 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