#82DBC7 + #BCDDAD + #DAE1A8 + #F2E98B + #A29187 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#82DBC7

Jade · SkyBlue · Lake Green

HEX

#82DBC7

RGB

rgb(130, 219, 199)

HSL

hsl(167, 55%, 68%)

HSB

hsb(167, 41%, 86%)

CMYK

cmyk(41%, 0%, 9%, 14%)

Oklch

oklch(83.0% 0.091 177.9)

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

#BCDDAD

Celadon · Silver · Apple Green

HEX

#BCDDAD

RGB

rgb(188, 221, 173)

HSL

hsl(101, 41%, 77%)

HSB

hsb(101, 22%, 87%)

CMYK

cmyk(15%, 0%, 22%, 13%)

Oklch

oklch(86.1% 0.074 136.0)

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

#DAE1A8

Fresh Green · Wheat · Lemon Cream

HEX

#DAE1A8

RGB

rgb(218, 225, 168)

HSL

hsl(67, 49%, 77%)

HSB

hsb(67, 25%, 88%)

CMYK

cmyk(3%, 0%, 25%, 12%)

Oklch

oklch(89.0% 0.075 113.6)

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

#F2E98B

Fresh Green · Khaki · Sunflower

HEX

#F2E98B

RGB

rgb(242, 233, 139)

HSL

hsl(55, 80%, 75%)

HSB

hsb(55, 43%, 95%)

CMYK

cmyk(0%, 4%, 43%, 5%)

Oklch

oklch(92.1% 0.116 103.6)

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

#A29187

Tangerine · Gray · Warm Sun

HEX

#A29187

RGB

rgb(162, 145, 135)

HSL

hsl(22, 13%, 58%)

HSB

hsb(22, 17%, 64%)

CMYK

cmyk(0%, 10%, 17%, 36%)

Oklch

oklch(66.9% 0.025 52.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

82DBC7

DA8194

Analogous

81DA9A

82DBC7

81C1DA

Triadic

82DBC7

C781DA

DAC781

Split-Comp.

82DBC7

DA81C1

DA9A81

Tetradic

82DBC7

9A81DA

DA8194

C1DA81

Contrast Matrix WCAG 2.1 Contrast

82DBC7	BCDDAD	DAE1A8	F2E98B	A29187
—	1.1 Fail	1.2 Fail	1.3 Fail	1.9 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	2.0 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	2.2 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	2.4 Fail
1.9 Fail	2.0 Fail	2.2 Fail	2.4 Fail	—

White BG

1.6Fail

1.5Fail

1.4Fail

1.2Fail

3.0AA Large

Black BG

12.9AAA

14.1AAA

15.3AAA

16.8AAA

6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A9CC

CACBB9

DDDDB6

EEEEA2

9B9A89

Deuteranopia

A39DCD

C8C6BB

DDDCB9

EFEFA7

9C9D8A

Tritanopia

86D0D1

BEC2C4

DAC1C3

F2B4B8

A18B8C

Achromatopsia

BEBEBE

CECECE

D8D8D8

E1E1E1

959595

Shades & Tints Shades & Tints

#82DBC7

Dark

Light

#BCDDAD

Dark

Light

#DAE1A8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #82dbc7;
  --color-2: #bcddad;
  --color-3: #dae1a8;
  --color-4: #f2e98b;
  --color-5: #a29187;
}

SCSS

$color-1: #82dbc7;
$color-2: #bcddad;
$color-3: #dae1a8;
$color-4: #f2e98b;
$color-5: #a29187;

TAILWIND

colors: {
  'brand-1': '#82dbc7',
  'brand-2': '#bcddad',
  'brand-3': '#dae1a8',
  'brand-4': '#f2e98b',
  'brand-5': '#a29187',
}

RGB Array

[130, 219, 199], [188, 221, 173], [218, 225, 168], [242, 233, 139], [162, 145, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #82DBC7, #BCDDAD, #DAE1A8, #F2E98B, #A29187 is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #82dbc7; --color-2: #bcddad; --color-3: #dae1a8; --color-4: #f2e98b; --color-5: #a29187. 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 tech, SaaS, healthcare, eco industries. 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