#A1B6AF + #A69585 + #D6BBA8 + #EEDABF + #FEEED5 · earth - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A1B6AF

Jade · DarkGray · Lake Green

HEX

#A1B6AF

RGB

rgb(161, 182, 175)

HSL

hsl(160, 13%, 67%)

HSB

hsb(160, 12%, 71%)

CMYK

cmyk(12%, 0%, 4%, 29%)

Oklch

oklch(75.8% 0.025 173.6)

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

#A69585

Tangerine · DarkGray · Warm Sun

HEX

#A69585

RGB

rgb(166, 149, 133)

HSL

hsl(29, 16%, 59%)

HSB

hsb(29, 20%, 65%)

CMYK

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

Oklch

oklch(68.0% 0.031 65.6)

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

#D6BBA8

Apricot · Tan · Warm Sun

HEX

#D6BBA8

RGB

rgb(214, 187, 168)

HSL

hsl(25, 36%, 75%)

HSB

hsb(25, 21%, 84%)

CMYK

cmyk(0%, 13%, 21%, 16%)

Oklch

oklch(81.0% 0.041 57.2)

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

#EEDABF

Goose Yellow · Wheat · Peach Orange

HEX

#EEDABF

RGB

rgb(238, 218, 191)

HSL

hsl(34, 58%, 84%)

HSB

hsb(34, 20%, 93%)

CMYK

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

Oklch

oklch(89.8% 0.042 75.4)

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

#FEEED5

Goose Yellow · Beige · Peach Orange

HEX

#FEEED5

RGB

rgb(254, 238, 213)

HSL

hsl(37, 95%, 92%)

HSB

hsb(37, 16%, 100%)

CMYK

cmyk(0%, 6%, 16%, 0%)

Oklch

oklch(95.5% 0.037 79.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A1B6AF

B6A0A7

Analogous

A0B6A4

A1B6AF

A0B2B6

Triadic

A1B6AF

AEA0B6

B6AEA0

Split-Comp.

A1B6AF

B6A0B2

B6A4A0

Tetradic

A1B6AF

A4A0B6

B6A0A7

B2B6A0

Contrast Matrix WCAG 2.1 Contrast

A1B6AF	A69585	D6BBA8	EEDABF	FEEED5
—	1.4 Fail	1.2 Fail	1.6 Fail	1.9 Fail
1.4 Fail	—	1.6 Fail	2.1 Fail	2.5 Fail
1.2 Fail	1.6 Fail	—	1.3 Fail	1.6 Fail
1.6 Fail	2.1 Fail	1.3 Fail	—	1.2 Fail
1.9 Fail	2.5 Fail	1.6 Fail	1.2 Fail	—

White BG

2.1Fail

2.9Fail

1.8Fail

1.4Fail

1.1Fail

Black BG

9.8AAA

7.3AAA

11.5AAA

15.4AAA

18.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAAB1

9F9E89

CACAAD

E5E5C6

F7F7DB

Deuteranopia

A9A7B1

A0A18A

CCCEAE

E7E8C7

F8F9DD

Tritanopia

A2B2B2

A58C8D

D5B0B1

EDCBCC

FDE0E1

Achromatopsia

AFAFAF

989898

C1C1C1

DDDDDD

F0F0F0

Shades & Tints Shades & Tints

#A1B6AF

Dark

Light

#A69585

Dark

Light

#D6BBA8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a1b6af;
  --color-2: #a69585;
  --color-3: #d6bba8;
  --color-4: #eedabf;
  --color-5: #feeed5;
}

SCSS

$color-1: #a1b6af;
$color-2: #a69585;
$color-3: #d6bba8;
$color-4: #eedabf;
$color-5: #feeed5;

TAILWIND

colors: {
  'brand-1': '#a1b6af',
  'brand-2': '#a69585',
  'brand-3': '#d6bba8',
  'brand-4': '#eedabf',
  'brand-5': '#feeed5',
}

RGB Array

[161, 182, 175], [166, 149, 133], [214, 187, 168], [238, 218, 191], [254, 238, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #A1B6AF, #A69585, #D6BBA8, #EEDABF, #FEEED5 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: #a1b6af; --color-2: #a69585; --color-3: #d6bba8; --color-4: #eedabf; --color-5: #feeed5. 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 earth-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