#BFE4CD + #D2E4C3 + #FFE5AC + #BCBFA4 + #A99E8A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BFE4CD

Celadon · LightGray · Mint Green

HEX

#BFE4CD

RGB

rgb(191, 228, 205)

HSL

hsl(143, 41%, 82%)

HSB

hsb(143, 16%, 89%)

CMYK

cmyk(16%, 0%, 10%, 11%)

Oklch

oklch(88.6% 0.050 157.9)

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

#D2E4C3

Celadon · LightGray · Mint Green

HEX

#D2E4C3

RGB

rgb(210, 228, 195)

HSL

hsl(93, 38%, 83%)

HSB

hsb(93, 14%, 89%)

CMYK

cmyk(8%, 0%, 14%, 11%)

Oklch

oklch(89.7% 0.048 130.8)

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

#FFE5AC

Goose Yellow · Wheat · Lemon Cream

HEX

#FFE5AC

RGB

rgb(255, 229, 172)

HSL

hsl(41, 100%, 84%)

HSB

hsb(41, 33%, 100%)

CMYK

cmyk(0%, 10%, 33%, 0%)

Oklch

oklch(93.0% 0.078 86.3)

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

#BCBFA4

Fresh Green · Silver · Sunflower

HEX

#BCBFA4

RGB

rgb(188, 191, 164)

HSL

hsl(67, 17%, 70%)

HSB

hsb(67, 14%, 75%)

CMYK

cmyk(2%, 0%, 14%, 25%)

Oklch

oklch(79.5% 0.037 112.4)

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

#A99E8A

Ginger · DarkGray · Warm Sun

HEX

#A99E8A

RGB

rgb(169, 158, 138)

HSL

hsl(39, 15%, 60%)

HSB

hsb(39, 18%, 66%)

CMYK

cmyk(0%, 7%, 18%, 34%)

Oklch

oklch(70.3% 0.031 82.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFE4CD

E4BED5

Analogous

C3E4BE

BFE4CD

BEE4E0

Triadic

BFE4CD

CDBEE4

E4CDBE

Split-Comp.

BFE4CD

E0BEE4

E4BEC3

Tetradic

BFE4CD

BEC3E4

E4BED5

E4E0BE

Contrast Matrix WCAG 2.1 Contrast

BFE4CD	D2E4C3	FFE5AC	BCBFA4	A99E8A
—	1.0 Fail	1.1 Fail	1.4 Fail	1.9 Fail
1.0 Fail	—	1.1 Fail	1.4 Fail	2.0 Fail
1.1 Fail	1.1 Fail	—	1.5 Fail	2.1 Fail
1.4 Fail	1.4 Fail	1.5 Fail	—	1.4 Fail
1.9 Fail	2.0 Fail	2.1 Fail	1.4 Fail	—

White BG

1.4Fail

1.3Fail

1.2Fail

1.9Fail

2.6Fail

Black BG

15.2AAA

15.6AAA

17.1AAA

11.1AAA

7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFD3

DADACB

F4F4BA

BDBDAB

A4A48F

Deuteranopia

CDCAD4

D9D7CD

F5F7BD

BDBDAC

A5A690

Tritanopia

C1D7D8

D3D1D3

FEC5C7

BCB0B1

A89394

Achromatopsia

D6D6D6

DBDBDB

E6E6E6

BBBBBB

9F9F9F

Shades & Tints Shades & Tints

#BFE4CD

Dark

Light

#D2E4C3

Dark

Light

#FFE5AC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfe4cd;
  --color-2: #d2e4c3;
  --color-3: #ffe5ac;
  --color-4: #bcbfa4;
  --color-5: #a99e8a;
}

SCSS

$color-1: #bfe4cd;
$color-2: #d2e4c3;
$color-3: #ffe5ac;
$color-4: #bcbfa4;
$color-5: #a99e8a;

TAILWIND

colors: {
  'brand-1': '#bfe4cd',
  'brand-2': '#d2e4c3',
  'brand-3': '#ffe5ac',
  'brand-4': '#bcbfa4',
  'brand-5': '#a99e8a',
}

RGB Array

[191, 228, 205], [210, 228, 195], [255, 229, 172], [188, 191, 164], [169, 158, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFE4CD, #D2E4C3, #FFE5AC, #BCBFA4, #A99E8A 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: #bfe4cd; --color-2: #d2e4c3; --color-3: #ffe5ac; --color-4: #bcbfa4; --color-5: #a99e8a. 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