#A29380 + #B1B4A1 + #E6B8A0 + #FFEDCC + #E5D0B1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A29380

Ginger · Gray · Warm Sun

HEX

#A29380

RGB

rgb(162, 147, 128)

HSL

hsl(34, 15%, 57%)

HSB

hsb(34, 21%, 64%)

CMYK

cmyk(0%, 9%, 21%, 36%)

Oklch

oklch(67.1% 0.033 73.7)

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

#B1B4A1

Fresh Green · DarkGray · Sunflower

HEX

#B1B4A1

RGB

rgb(177, 180, 161)

HSL

hsl(69, 11%, 67%)

HSB

hsb(69, 11%, 71%)

CMYK

cmyk(2%, 0%, 11%, 29%)

Oklch

oklch(76.2% 0.027 114.3)

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

#E6B8A0

Apricot · BurlyWood · Peach Orange

HEX

#E6B8A0

RGB

rgb(230, 184, 160)

HSL

hsl(21, 58%, 76%)

HSB

hsb(21, 30%, 90%)

CMYK

cmyk(0%, 20%, 30%, 10%)

Oklch

oklch(81.8% 0.063 49.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFEDCC

Goose Yellow · Bisque · Peach Orange

HEX

#FFEDCC

RGB

rgb(255, 237, 204)

HSL

hsl(39, 100%, 90%)

HSB

hsb(39, 20%, 100%)

CMYK

cmyk(0%, 7%, 20%, 0%)

Oklch

oklch(95.2% 0.047 82.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E5D0B1

Goose Yellow · Wheat · Peach Orange

HEX

#E5D0B1

RGB

rgb(229, 208, 177)

HSL

hsl(36, 50%, 80%)

HSB

hsb(36, 23%, 90%)

CMYK

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

Oklch

oklch(86.7% 0.048 77.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A29380

818FA2

Analogous

A28381

A29380

A0A281

Triadic

A29380

81A294

9481A2

Split-Comp.

A29380

81A0A2

8381A2

Tetradic

A29380

81A283

818FA2

A281A0

Contrast Matrix WCAG 2.1 Contrast

A29380	B1B4A1	E6B8A0	FFEDCC	E5D0B1
—	1.4 Fail	1.7 Fail	2.6 Fail	2.0 Fail
1.4 Fail	—	1.2 Fail	1.8 Fail	1.4 Fail
1.7 Fail	1.2 Fail	—	1.6 Fail	1.2 Fail
2.6 Fail	1.8 Fail	1.6 Fail	—	1.3 Fail
2.0 Fail	1.4 Fail	1.2 Fail	1.3 Fail	—

White BG

3.0Fail

2.1Fail

1.8Fail

1.2Fail

1.5Fail

Black BG

7.0AAA

9.9AAA

11.7AAA

18.2AAA

14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9B85

B2B2A6

D2D2A6

F7F7D4

DCDCB9

Deuteranopia

9C9E86

B2B2A7

D5D8A7

F8FAD6

DDDFBA

Tritanopia

A18889

B1A9AA

E4AAAB

FEDADC

E4BEC0

Achromatopsia

959595

B1B1B1

C3C3C3

EFEFEF

D3D3D3

Shades & Tints Shades & Tints

#A29380

Dark

Light

#B1B4A1

Dark

Light

#E6B8A0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a29380;
  --color-2: #b1b4a1;
  --color-3: #e6b8a0;
  --color-4: #ffedcc;
  --color-5: #e5d0b1;
}

SCSS

$color-1: #a29380;
$color-2: #b1b4a1;
$color-3: #e6b8a0;
$color-4: #ffedcc;
$color-5: #e5d0b1;

TAILWIND

colors: {
  'brand-1': '#a29380',
  'brand-2': '#b1b4a1',
  'brand-3': '#e6b8a0',
  'brand-4': '#ffedcc',
  'brand-5': '#e5d0b1',
}

RGB Array

[162, 147, 128], [177, 180, 161], [230, 184, 160], [255, 237, 204], [229, 208, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A29380, #B1B4A1, #E6B8A0, #FFEDCC, #E5D0B1 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: #a29380; --color-2: #b1b4a1; --color-3: #e6b8a0; --color-4: #ffedcc; --color-5: #e5d0b1. 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