#82D1BA + #C9CBB1 + #F1CEB5 + #FDECA1 + #9A8384 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#82D1BA

Jade · MediumAquaMarine · Lake Green

HEX

#82D1BA

RGB

rgb(130, 209, 186)

HSL

hsl(163, 46%, 66%)

HSB

hsb(163, 38%, 82%)

CMYK

cmyk(38%, 0%, 11%, 18%)

Oklch

oklch(80.3% 0.085 173.6)

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

#C9CBB1

Fresh Green · Silver · Sunflower

HEX

#C9CBB1

RGB

rgb(201, 203, 177)

HSL

hsl(65, 20%, 75%)

HSB

hsb(65, 13%, 80%)

CMYK

cmyk(1%, 0%, 13%, 20%)

Oklch

oklch(83.4% 0.035 110.7)

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

#F1CEB5

Apricot · Wheat · Peach Orange

HEX

#F1CEB5

RGB

rgb(241, 206, 181)

HSL

hsl(25, 68%, 83%)

HSB

hsb(25, 25%, 95%)

CMYK

cmyk(0%, 15%, 25%, 5%)

Oklch

oklch(87.5% 0.052 57.5)

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

#FDECA1

Goose Yellow · Wheat · Lemon Cream

HEX

#FDECA1

RGB

rgb(253, 236, 161)

HSL

hsl(49, 96%, 81%)

HSB

hsb(49, 36%, 99%)

CMYK

cmyk(0%, 7%, 36%, 1%)

Oklch

oklch(94.0% 0.096 96.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#9A8384

Crimson · Gray · Passion Red

HEX

#9A8384

RGB

rgb(154, 131, 132)

HSL

hsl(357, 10%, 56%)

HSB

hsb(357, 15%, 60%)

CMYK

cmyk(0%, 15%, 14%, 40%)

Oklch

oklch(63.1% 0.028 15.0)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

82D1BA

D08097

Analogous

80D092

82D1BA

80BFD0

Triadic

82D1BA

BA80D0

D0BA80

Split-Comp.

82D1BA

D080BF

D09280

Tetradic

82D1BA

9280D0

D08097

BFD080

Contrast Matrix WCAG 2.1 Contrast

82D1BA	C9CBB1	F1CEB5	FDECA1	9A8384
—	1.1 Fail	1.2 Fail	1.5 Fail	2.0 Fail
1.1 Fail	—	1.1 Fail	1.4 Fail	2.1 Fail
1.2 Fail	1.1 Fail	—	1.2 Fail	2.4 Fail
1.5 Fail	1.4 Fail	1.2 Fail	—	3.0 Fail
2.0 Fail	2.1 Fail	2.4 Fail	3.0 Fail	—

White BG

1.8Fail

1.7Fail

1.5Fail

1.2Fail

3.5AA Large

Black BG

11.8AAA

12.7AAA

14.2AAA

17.7AAA

6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A5C0

CACAB7

E2E2BB

F6F5B3

909084

Deuteranopia

A09AC1

CACAB9

E4E7BD

F7F8B8

919384

Tritanopia

86C4C5

C9BCBD

EFC0C1

FCC1C5

998484

Achromatopsia

B7B7B7

C7C7C7

D6D6D6

E9E9E9

8A8A8A

Shades & Tints Shades & Tints

#82D1BA

Dark

Light

#C9CBB1

Dark

Light

#F1CEB5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #82d1ba;
  --color-2: #c9cbb1;
  --color-3: #f1ceb5;
  --color-4: #fdeca1;
  --color-5: #9a8384;
}

SCSS

$color-1: #82d1ba;
$color-2: #c9cbb1;
$color-3: #f1ceb5;
$color-4: #fdeca1;
$color-5: #9a8384;

TAILWIND

colors: {
  'brand-1': '#82d1ba',
  'brand-2': '#c9cbb1',
  'brand-3': '#f1ceb5',
  'brand-4': '#fdeca1',
  'brand-5': '#9a8384',
}

RGB Array

[130, 209, 186], [201, 203, 177], [241, 206, 181], [253, 236, 161], [154, 131, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #82D1BA, #C9CBB1, #F1CEB5, #FDECA1, #9A8384 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: #82d1ba; --color-2: #c9cbb1; --color-3: #f1ceb5; --color-4: #fdeca1; --color-5: #9a8384. 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