#BBC2A9 + #C9D4B0 + #D5E3B3 + #D8FF6B + #8C8C8C · minimal - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarm

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#BBC2A9

Willow Green · Silver · Apple Green

HEX

#BBC2A9

RGB

rgb(187, 194, 169)

HSL

hsl(77, 17%, 71%)

HSB

hsb(77, 13%, 76%)

CMYK

cmyk(4%, 0%, 13%, 24%)

Oklch

oklch(80.2% 0.035 119.9)

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

#C9D4B0

Willow Green · Silver · Apple Green

HEX

#C9D4B0

RGB

rgb(201, 212, 176)

HSL

hsl(78, 30%, 76%)

HSB

hsb(78, 17%, 83%)

CMYK

cmyk(5%, 0%, 17%, 17%)

Oklch

oklch(85.2% 0.050 121.3)

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

#D5E3B3

Willow Green · Wheat · Apple Green

HEX

#D5E3B3

RGB

rgb(213, 227, 179)

HSL

hsl(77, 46%, 80%)

HSB

hsb(77, 21%, 89%)

CMYK

cmyk(6%, 0%, 21%, 11%)

Oklch

oklch(89.3% 0.065 120.9)

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

#D8FF6B

Willow Green · Khaki · Apple Green

HEX

#D8FF6B

RGB

rgb(216, 255, 107)

HSL

hsl(76, 100%, 71%)

HSB

hsb(76, 58%, 100%)

CMYK

cmyk(15%, 0%, 58%, 0%)

Oklch

oklch(94.4% 0.178 122.3)

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

#8C8C8C

Ash · Gray · Warm Gray

HEX

#8C8C8C

RGB

rgb(140, 140, 140)

HSL

hsl(0, 0%, 55%)

HSB

hsb(0, 0%, 55%)

CMYK

cmyk(0%, 0%, 0%, 45%)

Oklch

oklch(64.0% 0.000 89.9)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BBC2A9

B0A8C2

Analogous

C2BCA8

BBC2A9

AEC2A8

Triadic

BBC2A9

A8BAC2

C2A8BA

Split-Comp.

BBC2A9

A8AEC2

BCA8C2

Tetradic

BBC2A9

A8C2BC

B0A8C2

C2A8AE

Contrast Matrix WCAG 2.1 Contrast

BBC2A9	C9D4B0	D5E3B3	D8FF6B	8C8C8C
—	1.2 Fail	1.4 Fail	1.6 Fail	1.8 Fail
1.2 Fail	—	1.1 Fail	1.4 Fail	2.2 Fail
1.4 Fail	1.1 Fail	—	1.2 Fail	2.5 Fail
1.6 Fail	1.4 Fail	1.2 Fail	—	3.0 Fail
1.8 Fail	2.2 Fail	2.5 Fail	3.0 Fail	—

White BG

1.8Fail

1.6Fail

1.4Fail

1.1Fail

3.4AA Large

Black BG

11.4AAA

13.5AAA

15.5AAA

18.4AAA

6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBEAF

CECEB9

DBDBBF

E9E98F

8C8C8C

Deuteranopia

BEBDB1

CDCCBB

DAD9C1

E7E497

8C8C8C

Tritanopia

BBB4B5

CAC0C1

D6C8CA

DAABB1

8C8C8C

Achromatopsia

BDBDBD

CDCDCD

D9D9D9

E2E2E2

8C8C8C

Shades & Tints Shades & Tints

#BBC2A9

Dark

Light

#C9D4B0

Dark

Light

#D5E3B3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bbc2a9;
  --color-2: #c9d4b0;
  --color-3: #d5e3b3;
  --color-4: #d8ff6b;
  --color-5: #8c8c8c;
}

SCSS

$color-1: #bbc2a9;
$color-2: #c9d4b0;
$color-3: #d5e3b3;
$color-4: #d8ff6b;
$color-5: #8c8c8c;

TAILWIND

colors: {
  'brand-1': '#bbc2a9',
  'brand-2': '#c9d4b0',
  'brand-3': '#d5e3b3',
  'brand-4': '#d8ff6b',
  'brand-5': '#8c8c8c',
}

RGB Array

[187, 194, 169], [201, 212, 176], [213, 227, 179], [216, 255, 107], [140, 140, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #BBC2A9, #C9D4B0, #D5E3B3, #D8FF6B, #8C8C8C 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: #bbc2a9; --color-2: #c9d4b0; --color-3: #d5e3b3; --color-4: #d8ff6b; --color-5: #8c8c8c. 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 minimal-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