#BFA840 + #FAEEC8 + #A5BCB2 + #A387A0 + #E2DBCB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BFA840

Ochre · GoldenRod · Honey Gold

HEX

#BFA840

RGB

rgb(191, 168, 64)

HSL

hsl(49, 50%, 50%)

HSB

hsb(49, 66%, 75%)

CMYK

cmyk(0%, 12%, 66%, 25%)

Oklch

oklch(73.2% 0.125 96.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#FAEEC8

Goose Yellow · Bisque · Lemon Cream

HEX

#FAEEC8

RGB

rgb(250, 238, 200)

HSL

hsl(46, 83%, 88%)

HSB

hsb(46, 20%, 98%)

CMYK

cmyk(0%, 5%, 20%, 2%)

Oklch

oklch(94.9% 0.051 92.6)

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

#A5BCB2

Jade · DarkGray · Apple Green

HEX

#A5BCB2

RGB

rgb(165, 188, 178)

HSL

hsl(154, 15%, 69%)

HSB

hsb(154, 12%, 74%)

CMYK

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

Oklch

oklch(77.5% 0.029 167.6)

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

#A387A0

Rose Purple · DarkGray · Violet

HEX

#A387A0

RGB

rgb(163, 135, 160)

HSL

hsl(306, 13%, 58%)

HSB

hsb(306, 17%, 64%)

CMYK

cmyk(0%, 17%, 2%, 36%)

Oklch

oklch(65.7% 0.049 329.6)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#E2DBCB

Goose Yellow · LightGray · Lemon Cream

HEX

#E2DBCB

RGB

rgb(226, 219, 203)

HSL

hsl(42, 28%, 84%)

HSB

hsb(42, 10%, 89%)

CMYK

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

Oklch

oklch(89.3% 0.023 87.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFA840

4057BF

Analogous

BF6840

BFA840

97BF40

Triadic

BFA840

40BFA8

A840BF

Split-Comp.

BFA840

4097BF

6840BF

Tetradic

BFA840

40BF68

4057BF

BF4097

Contrast Matrix WCAG 2.1 Contrast

BFA840	FAEEC8	A5BCB2	A387A0	E2DBCB
—	2.0 Fail	1.2 Fail	1.4 Fail	1.7 Fail
2.0 Fail	—	1.7 Fail	2.8 Fail	1.2 Fail
1.2 Fail	1.7 Fail	—	1.6 Fail	1.5 Fail
1.4 Fail	2.8 Fail	1.6 Fail	—	2.3 Fail
1.7 Fail	1.2 Fail	1.5 Fail	2.3 Fail	—

White BG

2.4Fail

1.2Fail

2.0Fail

3.2AA Large

1.4Fail

Black BG

8.9AAA

18.1AAA

10.4AAA

6.5AA

15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B559

F5F5D1

AFAFB4

97979A

DFDFCF

Deuteranopia

B6B85F

F6F6D3

AEACB5

999B99

DFE0D0

Tritanopia

BE6D71

F9D8DA

A6B6B7

A29594

E2D2D3

Achromatopsia

A3A3A3

EDEDED

B4B4B4

929292

DBDBDB

Shades & Tints Shades & Tints

#BFA840

Dark

Light

#FAEEC8

Dark

Light

#A5BCB2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfa840;
  --color-2: #faeec8;
  --color-3: #a5bcb2;
  --color-4: #a387a0;
  --color-5: #e2dbcb;
}

SCSS

$color-1: #bfa840;
$color-2: #faeec8;
$color-3: #a5bcb2;
$color-4: #a387a0;
$color-5: #e2dbcb;

TAILWIND

colors: {
  'brand-1': '#bfa840',
  'brand-2': '#faeec8',
  'brand-3': '#a5bcb2',
  'brand-4': '#a387a0',
  'brand-5': '#e2dbcb',
}

RGB Array

[191, 168, 64], [250, 238, 200], [165, 188, 178], [163, 135, 160], [226, 219, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFA840, #FAEEC8, #A5BCB2, #A387A0, #E2DBCB 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: #bfa840; --color-2: #faeec8; --color-3: #a5bcb2; --color-4: #a387a0; --color-5: #e2dbcb. 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