#ACA8B9 + #BA9493 + #FA9E5B + #E5DC91 + #E6E9E0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#ACA8B9

Wisteria · DarkGray · Cobalt Blue

HEX

#ACA8B9

RGB

rgb(172, 168, 185)

HSL

hsl(254, 11%, 69%)

HSB

hsb(254, 9%, 73%)

CMYK

cmyk(7%, 9%, 0%, 27%)

Oklch

oklch(74.0% 0.025 296.6)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#BA9493

Peach Pink · DarkGray · Coral Red

HEX

#BA9493

RGB

rgb(186, 148, 147)

HSL

hsl(2, 22%, 65%)

HSB

hsb(2, 21%, 73%)

CMYK

cmyk(0%, 20%, 21%, 27%)

Oklch

oklch(70.1% 0.046 20.1)

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

#FA9E5B

Apricot · SandyBrown · Warm Sun

HEX

#FA9E5B

RGB

rgb(250, 158, 91)

HSL

hsl(25, 94%, 67%)

HSB

hsb(25, 64%, 98%)

CMYK

cmyk(0%, 37%, 64%, 2%)

Oklch

oklch(78.0% 0.137 55.2)

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

#E5DC91

Fresh Green · Khaki · Sunflower

HEX

#E5DC91

RGB

rgb(229, 220, 145)

HSL

hsl(54, 62%, 73%)

HSB

hsb(54, 37%, 90%)

CMYK

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

Oklch

oklch(88.5% 0.096 102.3)

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

#E6E9E0

Willow Green · Beige · Mint Green

HEX

#E6E9E0

RGB

rgb(230, 233, 224)

HSL

hsl(80, 17%, 90%)

HSB

hsb(80, 4%, 91%)

CMYK

cmyk(1%, 0%, 4%, 9%)

Oklch

oklch(92.9% 0.012 121.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ACA8B9

B5B9A7

Analogous

A7ACB9

ACA8B9

B4A7B9

Triadic

ACA8B9

B9ABA7

A7B9AB

Split-Comp.

ACA8B9

B9B4A7

ACB9A7

Tetradic

ACA8B9

B9A7AC

B5B9A7

A7B9B4

Contrast Matrix WCAG 2.1 Contrast

ACA8B9	BA9493	FA9E5B	E5DC91	E6E9E0
—	1.2 Fail	1.1 Fail	1.7 Fail	1.9 Fail
1.2 Fail	—	1.3 Fail	1.9 Fail	2.2 Fail
1.1 Fail	1.3 Fail	—	1.5 Fail	1.7 Fail
1.7 Fail	1.9 Fail	1.5 Fail	—	1.1 Fail
1.9 Fail	2.2 Fail	1.7 Fail	1.1 Fail	—

White BG

2.3Fail

2.7Fail

2.1Fail

1.4Fail

1.2Fail

Black BG

9.1AAA

7.7AAA

10.1AAA

15.0AAA

17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAAB5

AAA993

D2D16B

E1E1A3

E7E7E2

Deuteranopia

ABABB4

ACAF93

D8DE6F

E2E2A8

E7E7E3

Tritanopia

ACB2B1

B89393

F5787B

E5B1B5

E6E4E4

Achromatopsia

ABABAB

9F9F9F

B2B2B2

D6D6D6

E7E7E7

Shades & Tints Shades & Tints

#ACA8B9

Dark

Light

#BA9493

Dark

Light

#FA9E5B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aca8b9;
  --color-2: #ba9493;
  --color-3: #fa9e5b;
  --color-4: #e5dc91;
  --color-5: #e6e9e0;
}

SCSS

$color-1: #aca8b9;
$color-2: #ba9493;
$color-3: #fa9e5b;
$color-4: #e5dc91;
$color-5: #e6e9e0;

TAILWIND

colors: {
  'brand-1': '#aca8b9',
  'brand-2': '#ba9493',
  'brand-3': '#fa9e5b',
  'brand-4': '#e5dc91',
  'brand-5': '#e6e9e0',
}

RGB Array

[172, 168, 185], [186, 148, 147], [250, 158, 91], [229, 220, 145], [230, 233, 224]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ACA8B9, #BA9493, #FA9E5B, #E5DC91, #E6E9E0 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: #aca8b9; --color-2: #ba9493; --color-3: #fa9e5b; --color-4: #e5dc91; --color-5: #e6e9e0. 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