#9CD4BB + #A0CAB2 + #B2BD9F + #C0B099 + #E29F75 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#9CD4BB

Jade · Silver · Apple Green

HEX

#9CD4BB

RGB

rgb(156, 212, 187)

HSL

hsl(153, 39%, 72%)

HSB

hsb(153, 26%, 83%)

CMYK

cmyk(26%, 0%, 12%, 17%)

Oklch

oklch(82.4% 0.068 165.5)

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

#A0CAB2

Celadon · DarkGray · Apple Green

HEX

#A0CAB2

RGB

rgb(160, 202, 178)

HSL

hsl(146, 28%, 71%)

HSB

hsb(146, 21%, 79%)

CMYK

cmyk(21%, 0%, 12%, 21%)

Oklch

oklch(80.2% 0.056 159.8)

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

#B2BD9F

Willow Green · DarkGray · Apple Green

HEX

#B2BD9F

RGB

rgb(178, 189, 159)

HSL

hsl(82, 19%, 68%)

HSB

hsb(82, 16%, 74%)

CMYK

cmyk(6%, 0%, 16%, 26%)

Oklch

oklch(78.2% 0.043 123.8)

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

#C0B099

Ginger · Tan · Warm Sun

HEX

#C0B099

RGB

rgb(192, 176, 153)

HSL

hsl(35, 24%, 68%)

HSB

hsb(35, 20%, 75%)

CMYK

cmyk(0%, 8%, 20%, 25%)

Oklch

oklch(76.5% 0.037 77.0)

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

#E29F75

Apricot · DarkSalmon · Warm Sun

HEX

#E29F75

RGB

rgb(226, 159, 117)

HSL

hsl(23, 65%, 67%)

HSB

hsb(23, 48%, 89%)

CMYK

cmyk(0%, 30%, 48%, 11%)

Oklch

oklch(75.8% 0.098 52.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9CD4BB

D39CB5

Analogous

9CD39F

9CD4BB

9CD1D3

Triadic

9CD4BB

BA9CD3

D3BA9C

Split-Comp.

9CD4BB

D39CD1

D39F9C

Tetradic

9CD4BB

9F9CD3

D39CB5

D1D39C

Contrast Matrix WCAG 2.1 Contrast

9CD4BB	A0CAB2	B2BD9F	C0B099	E29F75
—	1.1 Fail	1.2 Fail	1.3 Fail	1.3 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.2 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.0 Fail
1.3 Fail	1.2 Fail	1.1 Fail	1.0 Fail	—

White BG

1.7Fail

1.8Fail

2.0Fail

2.1Fail

2.2Fail

Black BG

12.5AAA

11.6AAA

10.7AAA

9.9AAA

9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B5C1

B2B3B8

B7B7A6

B9B99F

C5C47F

Deuteranopia

B1ADC3

B0ADB9

B6B5A8

BABBA0

C9CE82

Tritanopia

9FC6C7

A2BCBD

B3ACAD

BFA3A4

DF8789

Achromatopsia

C0C0C0

BBBBBB

B6B6B6

B2B2B2

AEAEAE

Shades & Tints Shades & Tints

#9CD4BB

Dark

Light

#A0CAB2

Dark

Light

#B2BD9F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9cd4bb;
  --color-2: #a0cab2;
  --color-3: #b2bd9f;
  --color-4: #c0b099;
  --color-5: #e29f75;
}

SCSS

$color-1: #9cd4bb;
$color-2: #a0cab2;
$color-3: #b2bd9f;
$color-4: #c0b099;
$color-5: #e29f75;

TAILWIND

colors: {
  'brand-1': '#9cd4bb',
  'brand-2': '#a0cab2',
  'brand-3': '#b2bd9f',
  'brand-4': '#c0b099',
  'brand-5': '#e29f75',
}

RGB Array

[156, 212, 187], [160, 202, 178], [178, 189, 159], [192, 176, 153], [226, 159, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9CD4BB, #A0CAB2, #B2BD9F, #C0B099, #E29F75 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: #9cd4bb; --color-2: #a0cab2; --color-3: #b2bd9f; --color-4: #c0b099; --color-5: #e29f75. 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