← Back to Editor

#82C0BD · #A1D4C3 · #EBEABA · #FBCA9F · #FFA389

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

#82C0BD

Jade · MediumAquaMarine · Lake Green

HEX
#82C0BD
RGB
rgb(130, 192, 189)
HSL
hsl(177, 33%, 63%)
HSB
hsb(177, 32%, 75%)
CMYK
cmyk(32%, 0%, 2%, 25%)
Oklch
oklch(76.5% 0.064 192.1)

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

#A1D4C3

Jade · LightSteelBlue · Lake Green

HEX
#A1D4C3
RGB
rgb(161, 212, 195)
HSL
hsl(160, 37%, 73%)
HSB
hsb(160, 24%, 83%)
CMYK
cmyk(24%, 0%, 8%, 17%)
Oklch
oklch(82.9% 0.058 172.3)

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

#EBEABA

Fresh Green · Wheat · Lemon Cream

HEX
#EBEABA
RGB
rgb(235, 234, 186)
HSL
hsl(59, 55%, 83%)
HSB
hsb(59, 21%, 92%)
CMYK
cmyk(0%, 0%, 21%, 8%)
Oklch
oklch(92.6% 0.062 106.6)

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

#FBCA9F

Apricot · Wheat · Peach Orange

HEX
#FBCA9F
RGB
rgb(251, 202, 159)
HSL
hsl(28, 92%, 80%)
HSB
hsb(28, 37%, 98%)
CMYK
cmyk(0%, 20%, 37%, 2%)
Oklch
oklch(87.2% 0.079 62.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFA389

Peach Pink · LightSalmon · Coral Red

HEX
#FFA389
RGB
rgb(255, 163, 137)
HSL
hsl(13, 100%, 77%)
HSB
hsb(13, 46%, 100%)
CMYK
cmyk(0%, 36%, 46%, 0%)
Oklch
oklch(80.2% 0.116 36.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

82C0BD
C08285

Analogous

82C09E
82C0BD
82A4C0

Triadic

82C0BD
BD82C0
C0BD82

Split-Comp.

82C0BD
C082A4
C09E82

Tetradic

82C0BD
9E82C0
C08285
A4C082

Contrast Matrix WCAG 2.1 Contrast

82C0BD
A1D4C3
EBEABA
FBCA9F
FFA389
—
1.2
Fail
1.7
Fail
1.4
Fail
1.1
Fail
1.2
Fail
—
1.3
Fail
1.1
Fail
1.2
Fail
1.7
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
1.4
Fail
1.1
Fail
1.2
Fail
—
1.3
Fail
1.1
Fail
1.2
Fail
1.6
Fail
1.3
Fail
—
White BG
2.1Fail
1.7Fail
1.2Fail
1.5Fail
1.9Fail
Black BG
10.2AAA
12.7AAA
17.0AAA
14.1AAA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9DBE
B7B8C7
EBEBC6
E6E5A9
D7D68F

Deuteranopia

9995BE
B4B0C8
EBEBC8
E9ECAC
DDE391

Tritanopia

85BEBE
A4CACB
EBCFD1
F9B2B3
FA9495

Achromatopsia

ADADAD
C3C3C3
E5E5E5
D4D4D4
BCBCBC

Shades & Tints Shades & Tints

#82C0BD

Dark
Light

#A1D4C3

Dark
Light

#EBEABA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #82c0bd;
  --color-2: #a1d4c3;
  --color-3: #ebeaba;
  --color-4: #fbca9f;
  --color-5: #ffa389;
}

SCSS

$color-1: #82c0bd;
$color-2: #a1d4c3;
$color-3: #ebeaba;
$color-4: #fbca9f;
$color-5: #ffa389;

TAILWIND

colors: {
  'brand-1': '#82c0bd',
  'brand-2': '#a1d4c3',
  'brand-3': '#ebeaba',
  'brand-4': '#fbca9f',
  'brand-5': '#ffa389',
}

RGB Array

[130, 192, 189], [161, 212, 195], [235, 234, 186], [251, 202, 159], [255, 163, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #82C0BD, #A1D4C3, #EBEABA, #FBCA9F, #FFA389 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: #82c0bd; --color-2: #a1d4c3; --color-3: #ebeaba; --color-4: #fbca9f; --color-5: #ffa389. 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