#BAC9AC + #CFC7A0 + #E5C491 + #E7B290 + #D2ADA5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BAC9AC

Celadon · Silver · Apple Green

HEX

#BAC9AC

RGB

rgb(186, 201, 172)

HSL

hsl(91, 21%, 73%)

HSB

hsb(91, 14%, 79%)

CMYK

cmyk(7%, 0%, 14%, 21%)

Oklch

oklch(81.7% 0.043 129.7)

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

#CFC7A0

Fresh Green · Tan · Sunflower

HEX

#CFC7A0

RGB

rgb(207, 199, 160)

HSL

hsl(50, 33%, 72%)

HSB

hsb(50, 23%, 81%)

CMYK

cmyk(0%, 4%, 23%, 19%)

Oklch

oklch(82.6% 0.053 97.7)

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

#E5C491

Goose Yellow · BurlyWood · Warm Sun

HEX

#E5C491

RGB

rgb(229, 196, 145)

HSL

hsl(36, 62%, 73%)

HSB

hsb(36, 37%, 90%)

CMYK

cmyk(0%, 14%, 37%, 10%)

Oklch

oklch(83.7% 0.076 78.3)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E7B290

Apricot · BurlyWood · Warm Sun

HEX

#E7B290

RGB

rgb(231, 178, 144)

HSL

hsl(23, 64%, 74%)

HSB

hsb(23, 38%, 91%)

CMYK

cmyk(0%, 23%, 38%, 9%)

Oklch

oklch(80.4% 0.077 54.0)

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

#D2ADA5

Peach Pink · Tan · Coral Red

HEX

#D2ADA5

RGB

rgb(210, 173, 165)

HSL

hsl(11, 33%, 74%)

HSB

hsb(11, 21%, 82%)

CMYK

cmyk(0%, 18%, 21%, 18%)

Oklch

oklch(77.8% 0.045 32.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BAC9AC

BBACC9

Analogous

C8C9AC

BAC9AC

ACC9AC

Triadic

BAC9AC

ACBAC9

C9ACBA

Split-Comp.

BAC9AC

ACACC9

C9ACC8

Tetradic

BAC9AC

ACC8C9

BBACC9

C9ACAC

Contrast Matrix WCAG 2.1 Contrast

BAC9AC	CFC7A0	E5C491	E7B290	D2ADA5
—	1.0 Fail	1.0 Fail	1.1 Fail	1.2 Fail
1.0 Fail	—	1.0 Fail	1.1 Fail	1.2 Fail
1.0 Fail	1.0 Fail	—	1.1 Fail	1.2 Fail
1.1 Fail	1.1 Fail	1.1 Fail	—	1.1 Fail
1.2 Fail	1.2 Fail	1.2 Fail	1.1 Fail	—

White BG

1.7Fail

1.9Fail

2.0Fail

Black BG

12.0AAA

12.3AAA

12.6AAA

11.2AAA

10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C1B3

CCCBA9

D7D69D

D0D098

C2C2A7

Deuteranopia

C0BFB5

CCCDAC

D9DBA0

D3D79A

C4C7A7

Tritanopia

BBB9BA

CFB1B3

E3A7A9

E49FA0

D0A8A9

Achromatopsia

C1C1C1

C5C5C5

C8C8C8

BEBEBE

B7B7B7

Shades & Tints Shades & Tints

#BAC9AC

Dark

Light

#CFC7A0

Dark

Light

#E5C491

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bac9ac;
  --color-2: #cfc7a0;
  --color-3: #e5c491;
  --color-4: #e7b290;
  --color-5: #d2ada5;
}

SCSS

$color-1: #bac9ac;
$color-2: #cfc7a0;
$color-3: #e5c491;
$color-4: #e7b290;
$color-5: #d2ada5;

TAILWIND

colors: {
  'brand-1': '#bac9ac',
  'brand-2': '#cfc7a0',
  'brand-3': '#e5c491',
  'brand-4': '#e7b290',
  'brand-5': '#d2ada5',
}

RGB Array

[186, 201, 172], [207, 199, 160], [229, 196, 145], [231, 178, 144], [210, 173, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BAC9AC, #CFC7A0, #E5C491, #E7B290, #D2ADA5 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: #bac9ac; --color-2: #cfc7a0; --color-3: #e5c491; --color-4: #e7b290; --color-5: #d2ada5. 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