#A6A295 + #C2BCA7 + #E3DCC3 + #F5F7DA + #D3F2DB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A6A295

Ginger · DarkGray · Silver Sand

HEX

#A6A295

RGB

rgb(166, 162, 149)

HSL

hsl(46, 9%, 62%)

HSB

hsb(46, 10%, 65%)

CMYK

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

Oklch

oklch(71.2% 0.019 92.8)

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

#C2BCA7

Goose Yellow · Silver · Sunflower

HEX

#C2BCA7

RGB

rgb(194, 188, 167)

HSL

hsl(47, 18%, 71%)

HSB

hsb(47, 14%, 76%)

CMYK

cmyk(0%, 3%, 14%, 24%)

Oklch

oklch(79.4% 0.030 93.8)

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

#E3DCC3

Goose Yellow · Wheat · Lemon Cream

HEX

#E3DCC3

RGB

rgb(227, 220, 195)

HSL

hsl(47, 36%, 83%)

HSB

hsb(47, 14%, 89%)

CMYK

cmyk(0%, 3%, 14%, 11%)

Oklch

oklch(89.3% 0.034 94.1)

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

#F5F7DA

Fresh Green · Beige · Lemon Cream

HEX

#F5F7DA

RGB

rgb(245, 247, 218)

HSL

hsl(64, 64%, 91%)

HSB

hsb(64, 12%, 97%)

CMYK

cmyk(1%, 0%, 12%, 3%)

Oklch

oklch(96.7% 0.038 110.3)

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

#D3F2DB

Emerald · LightGray · Mint Green

HEX

#D3F2DB

RGB

rgb(211, 242, 219)

HSL

hsl(135, 54%, 89%)

HSB

hsb(135, 13%, 95%)

CMYK

cmyk(13%, 0%, 10%, 5%)

Oklch

oklch(93.2% 0.045 153.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6A295

9599A7

Analogous

A79A95

A6A295

A2A795

Triadic

A6A295

95A7A3

A395A7

Split-Comp.

A6A295

95A2A7

9A95A7

Tetradic

A6A295

95A79A

9599A7

A795A2

Contrast Matrix WCAG 2.1 Contrast

A6A295	C2BCA7	E3DCC3	F5F7DA	D3F2DB
—	1.3 Fail	1.9 Fail	2.3 Fail	2.1 Fail
1.3 Fail	—	1.4 Fail	1.7 Fail	1.6 Fail
1.9 Fail	1.4 Fail	—	1.3 Fail	1.1 Fail
2.3 Fail	1.7 Fail	1.3 Fail	—	1.1 Fail
2.1 Fail	1.6 Fail	1.1 Fail	1.1 Fail	—

White BG

2.6Fail

1.9Fail

1.4Fail

1.1Fail

1.2Fail

Black BG

8.2AAA

11.0AAA

15.3AAA

19.2AAA

17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A498

BFBFAC

E0E0C9

F6F6E1

E0E1E1

Deuteranopia

A5A599

C0C0AD

E0E1CB

F6F6E3

DFDCE2

Tritanopia

A69B9B

C2B0B1

E3CECF

F5E7E8

D5E5E6

Achromatopsia

A2A2A2

BBBBBB

DBDBDB

F3F3F3

E6E6E6

Shades & Tints Shades & Tints

#A6A295

Dark

Light

#C2BCA7

Dark

Light

#E3DCC3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6a295;
  --color-2: #c2bca7;
  --color-3: #e3dcc3;
  --color-4: #f5f7da;
  --color-5: #d3f2db;
}

SCSS

$color-1: #a6a295;
$color-2: #c2bca7;
$color-3: #e3dcc3;
$color-4: #f5f7da;
$color-5: #d3f2db;

TAILWIND

colors: {
  'brand-1': '#a6a295',
  'brand-2': '#c2bca7',
  'brand-3': '#e3dcc3',
  'brand-4': '#f5f7da',
  'brand-5': '#d3f2db',
}

RGB Array

[166, 162, 149], [194, 188, 167], [227, 220, 195], [245, 247, 218], [211, 242, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A6A295, #C2BCA7, #E3DCC3, #F5F7DA, #D3F2DB 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: #a6a295; --color-2: #c2bca7; --color-3: #e3dcc3; --color-4: #f5f7da; --color-5: #d3f2db. 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