← Back to Editor

#82D9C3 · #C2EBB7 · #FFFCC4 · #FFDBB3 · #FFB3B3

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

#82D9C3

Jade · MediumAquaMarine · Lake Green

HEX
#82D9C3
RGB
rgb(130, 217, 195)
HSL
hsl(165, 53%, 68%)
HSB
hsb(165, 40%, 85%)
CMYK
cmyk(40%, 0%, 10%, 15%)
Oklch
oklch(82.4% 0.091 175.9)

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

#C2EBB7

Emerald · LightGray · Mint Green

HEX
#C2EBB7
RGB
rgb(194, 235, 183)
HSL
hsl(107, 57%, 82%)
HSB
hsb(107, 22%, 92%)
CMYK
cmyk(17%, 0%, 22%, 8%)
Oklch
oklch(89.8% 0.082 139.1)

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

#FFFCC4

Fresh Green · Bisque · Lemon Cream

HEX
#FFFCC4
RGB
rgb(255, 252, 196)
HSL
hsl(57, 100%, 88%)
HSB
hsb(57, 23%, 100%)
CMYK
cmyk(0%, 1%, 23%, 0%)
Oklch
oklch(98.0% 0.072 105.1)

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

#FFDBB3

Goose Yellow · Wheat · Peach Orange

HEX
#FFDBB3
RGB
rgb(255, 219, 179)
HSL
hsl(32, 100%, 85%)
HSB
hsb(32, 30%, 100%)
CMYK
cmyk(0%, 14%, 30%, 0%)
Oklch
oklch(91.2% 0.066 69.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FFB3B3

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB3B3
RGB
rgb(255, 179, 179)
HSL
hsl(0, 100%, 85%)
HSB
hsb(0, 30%, 100%)
CMYK
cmyk(0%, 30%, 30%, 0%)
Oklch
oklch(83.9% 0.089 19.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

82D9C3
D98298

Analogous

82D998
82D9C3
82C3D9

Triadic

82D9C3
C382D9
D9C382

Split-Comp.

82D9C3
D982C3
D99882

Tetradic

82D9C3
9882D9
D98298
C3D982

Contrast Matrix WCAG 2.1 Contrast

82D9C3
C2EBB7
FFFCC4
FFDBB3
FFB3B3
—
1.3
Fail
1.6
Fail
1.3
Fail
1.0
Fail
1.3
Fail
—
1.3
Fail
1.0
Fail
1.3
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
1.3
Fail
1.0
Fail
1.2
Fail
—
1.3
Fail
1.0
Fail
1.3
Fail
1.6
Fail
1.3
Fail
—
White BG
1.7Fail
1.3Fail
1.1Fail
1.3Fail
1.7Fail
Black BG
12.7AAA
15.9AAA
20.0AAA
16.0AAA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A8C8
D4D4C4
FEFED2
EFEFBD
DEDDB3

Deuteranopia

A39CCA
D1CEC7
FEFED5
F2F4BF
E3E8B3

Tritanopia

86CDCD
C4CED0
FFDCDF
FDC4C6
FBB3B3

Achromatopsia

BCBCBC
D9D9D9
F7F7F7
E1E1E1
CACACA

Shades & Tints Shades & Tints

#82D9C3

Dark
Light

#C2EBB7

Dark
Light

#FFFCC4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #82d9c3;
  --color-2: #c2ebb7;
  --color-3: #fffcc4;
  --color-4: #ffdbb3;
  --color-5: #ffb3b3;
}

SCSS

$color-1: #82d9c3;
$color-2: #c2ebb7;
$color-3: #fffcc4;
$color-4: #ffdbb3;
$color-5: #ffb3b3;

TAILWIND

colors: {
  'brand-1': '#82d9c3',
  'brand-2': '#c2ebb7',
  'brand-3': '#fffcc4',
  'brand-4': '#ffdbb3',
  'brand-5': '#ffb3b3',
}

RGB Array

[130, 217, 195], [194, 235, 183], [255, 252, 196], [255, 219, 179], [255, 179, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #82D9C3, #C2EBB7, #FFFCC4, #FFDBB3, #FFB3B3 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: #82d9c3; --color-2: #c2ebb7; --color-3: #fffcc4; --color-4: #ffdbb3; --color-5: #ffb3b3. 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