#A6B095 + #A0B0AA + #A07968 + #E37164 + #EEDEBC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A6B095

Willow Green · DarkGray · Apple Green

HEX

#A6B095

RGB

rgb(166, 176, 149)

HSL

hsl(82, 15%, 64%)

HSB

hsb(82, 15%, 69%)

CMYK

cmyk(6%, 0%, 15%, 31%)

Oklch

oklch(74.2% 0.039 123.9)

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

#A0B0AA

Jade · DarkGray · Silver Sand

HEX

#A0B0AA

RGB

rgb(160, 176, 170)

HSL

hsl(157, 9%, 66%)

HSB

hsb(157, 9%, 69%)

CMYK

cmyk(9%, 0%, 3%, 31%)

Oklch

oklch(74.3% 0.020 171.3)

Traditional「Jade」· Paint「Silver Sand」· Creative Urban Concrete

#A07968

Tangerine · Gray · Warm Sun

HEX

#A07968

RGB

rgb(160, 121, 104)

HSL

hsl(18, 23%, 52%)

HSB

hsb(18, 35%, 63%)

CMYK

cmyk(0%, 24%, 35%, 37%)

Oklch

oklch(61.0% 0.055 44.6)

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

#E37164

Peach Pink · Salmon · Coral Red

HEX

#E37164

RGB

rgb(227, 113, 100)

HSL

hsl(6, 69%, 64%)

HSB

hsb(6, 56%, 89%)

CMYK

cmyk(0%, 50%, 56%, 11%)

Oklch

oklch(67.9% 0.144 28.1)

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

#EEDEBC

Goose Yellow · Wheat · Lemon Cream

HEX

#EEDEBC

RGB

rgb(238, 222, 188)

HSL

hsl(41, 60%, 84%)

HSB

hsb(41, 21%, 93%)

CMYK

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

Oklch

oklch(90.5% 0.048 85.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6B095

A095B1

Analogous

B1AD95

A6B095

99B195

Triadic

A6B095

95A7B1

B195A7

Split-Comp.

A6B095

9599B1

AD95B1

Tetradic

A6B095

95B1AD

A095B1

B19599

Contrast Matrix WCAG 2.1 Contrast

A6B095	A0B0AA	A07968	E37164	EEDEBC
—	1.0 Fail	1.7 Fail	1.4 Fail	1.7 Fail
1.0 Fail	—	1.7 Fail	1.4 Fail	1.7 Fail
1.7 Fail	1.7 Fail	—	1.3 Fail	2.9 Fail
1.4 Fail	1.4 Fail	1.3 Fail	—	2.3 Fail
1.7 Fail	1.7 Fail	2.9 Fail	2.3 Fail	—

White BG

2.3Fail

3.9AA Large

3.1AA Large

1.3Fail

Black BG

9.3AAA

5.4AA

6.8AA

15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAA9C

A7A7AB

8F8F6C

B2B167

E7E7C4

Deuteranopia

AAA99D

A6A5AC

91946D

B8C168

E8E9C6

Tritanopia

A7A1A2

A1ADAD

9E6F70

DD6A6A

EDCBCC

Achromatopsia

AAAAAA

ABABAB

838383

929292

DFDFDF

Shades & Tints Shades & Tints

#A6B095

Dark

Light

#A0B0AA

Dark

Light

#A07968

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6b095;
  --color-2: #a0b0aa;
  --color-3: #a07968;
  --color-4: #e37164;
  --color-5: #eedebc;
}

SCSS

$color-1: #a6b095;
$color-2: #a0b0aa;
$color-3: #a07968;
$color-4: #e37164;
$color-5: #eedebc;

TAILWIND

colors: {
  'brand-1': '#a6b095',
  'brand-2': '#a0b0aa',
  'brand-3': '#a07968',
  'brand-4': '#e37164',
  'brand-5': '#eedebc',
}

RGB Array

[166, 176, 149], [160, 176, 170], [160, 121, 104], [227, 113, 100], [238, 222, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A6B095, #A0B0AA, #A07968, #E37164, #EEDEBC 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: #a6b095; --color-2: #a0b0aa; --color-3: #a07968; --color-4: #e37164; --color-5: #eedebc. 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