#C29BAB + #BFCCB8 + #C8E6B8 + #E9F7AD + #E2E673 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C29BAB

Rouge · DarkGray · Rose Pink

HEX

#C29BAB

RGB

rgb(194, 155, 171)

HSL

hsl(335, 24%, 68%)

HSB

hsb(335, 20%, 76%)

CMYK

cmyk(0%, 20%, 12%, 24%)

Oklch

oklch(73.0% 0.051 351.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#BFCCB8

Celadon · Silver · Apple Green

HEX

#BFCCB8

RGB

rgb(191, 204, 184)

HSL

hsl(99, 16%, 76%)

HSB

hsb(99, 10%, 80%)

CMYK

cmyk(6%, 0%, 10%, 20%)

Oklch

oklch(83.0% 0.031 134.4)

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

#C8E6B8

Celadon · LightGray · Mint Green

HEX

#C8E6B8

RGB

rgb(200, 230, 184)

HSL

hsl(99, 48%, 81%)

HSB

hsb(99, 20%, 90%)

CMYK

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

Oklch

oklch(89.1% 0.069 134.8)

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

#E9F7AD

Willow Green · Wheat · Mint Green

HEX

#E9F7AD

RGB

rgb(233, 247, 173)

HSL

hsl(71, 82%, 82%)

HSB

hsb(71, 30%, 97%)

CMYK

cmyk(6%, 0%, 30%, 3%)

Oklch

oklch(94.8% 0.096 117.0)

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

#E2E673

Fresh Green · Khaki · Sunflower

HEX

#E2E673

RGB

rgb(226, 230, 115)

HSL

hsl(62, 70%, 68%)

HSB

hsb(62, 50%, 90%)

CMYK

cmyk(2%, 0%, 50%, 10%)

Oklch

oklch(89.9% 0.139 110.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C29BAB

9AC1B1

Analogous

C19ABE

C29BAB

C19D9A

Triadic

C29BAB

AAC19A

9AAAC1

Split-Comp.

C29BAB

9AC19D

9ABEC1

Tetradic

C29BAB

BEC19A

9AC1B1

9D9AC1

Contrast Matrix WCAG 2.1 Contrast

C29BAB	BFCCB8	C8E6B8	E9F7AD	E2E673
—	1.5 Fail	1.8 Fail	2.1 Fail	1.8 Fail
1.5 Fail	—	1.2 Fail	1.5 Fail	1.3 Fail
1.8 Fail	1.2 Fail	—	1.2 Fail	1.0 Fail
2.1 Fail	1.5 Fail	1.2 Fail	—	1.2 Fail
1.8 Fail	1.3 Fail	1.0 Fail	1.2 Fail	—

White BG

2.5Fail

1.7Fail

1.4Fail

1.1Fail

1.3Fail

Black BG

8.6AAA

12.5AAA

15.5AAA

18.4AAA

15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B1A7

C5C5BD

D5D5C3

EFEFBF

E4E48F

Deuteranopia

B3B6A6

C4C3BE

D3D1C6

EEEDC3

E4E396

Tritanopia

C0A4A3

C0C1C2

CACCCE

EACDD0

E2A5AA

Achromatopsia

A8A8A8

C6C6C6

D8D8D8

EAEAEA

D8D8D8

Shades & Tints Shades & Tints

#C29BAB

Dark

Light

#BFCCB8

Dark

Light

#C8E6B8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c29bab;
  --color-2: #bfccb8;
  --color-3: #c8e6b8;
  --color-4: #e9f7ad;
  --color-5: #e2e673;
}

SCSS

$color-1: #c29bab;
$color-2: #bfccb8;
$color-3: #c8e6b8;
$color-4: #e9f7ad;
$color-5: #e2e673;

TAILWIND

colors: {
  'brand-1': '#c29bab',
  'brand-2': '#bfccb8',
  'brand-3': '#c8e6b8',
  'brand-4': '#e9f7ad',
  'brand-5': '#e2e673',
}

RGB Array

[194, 155, 171], [191, 204, 184], [200, 230, 184], [233, 247, 173], [226, 230, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C29BAB, #BFCCB8, #C8E6B8, #E9F7AD, #E2E673 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: #c29bab; --color-2: #bfccb8; --color-3: #c8e6b8; --color-4: #e9f7ad; --color-5: #e2e673. 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