#A6A28A + #C0E95B + #D1DEAF + #D7D7DE + #E3D1CA · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#A6A28A

Autumn Sage · DarkGray · Sunflower

HEX

#A6A28A

RGB

rgb(166, 162, 138)

HSL

hsl(51, 14%, 60%)

HSB

hsb(51, 17%, 65%)

CMYK

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

Oklch

oklch(70.9% 0.034 99.4)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#C0E95B

Willow Green · GreenYellow · Apple Green

HEX

#C0E95B

RGB

rgb(192, 233, 91)

HSL

hsl(77, 76%, 64%)

HSB

hsb(77, 61%, 91%)

CMYK

cmyk(18%, 0%, 61%, 9%)

Oklch

oklch(87.7% 0.174 123.6)

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

#D1DEAF

Willow Green · Wheat · Apple Green

HEX

#D1DEAF

RGB

rgb(209, 222, 175)

HSL

hsl(77, 42%, 78%)

HSB

hsb(77, 21%, 87%)

CMYK

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

Oklch

oklch(87.9% 0.064 120.3)

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

#D7D7DE

Wisteria · LightGray · Sky Blue

HEX

#D7D7DE

RGB

rgb(215, 215, 222)

HSL

hsl(240, 10%, 86%)

HSB

hsb(240, 3%, 87%)

CMYK

cmyk(3%, 3%, 0%, 13%)

Oklch

oklch(88.1% 0.010 286.2)

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

#E3D1CA

Apricot · LightGray · Peach Orange

HEX

#E3D1CA

RGB

rgb(227, 209, 202)

HSL

hsl(17, 31%, 84%)

HSB

hsb(17, 11%, 89%)

CMYK

cmyk(0%, 8%, 11%, 11%)

Oklch

oklch(87.3% 0.022 42.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6A28A

8B8FA7

Analogous

A7958B

A6A28A

9DA78B

Triadic

A6A28A

8BA7A3

A38BA7

Split-Comp.

A6A28A

8B9DA7

958BA7

Tetradic

A6A28A

8BA795

8B8FA7

A78B9D

Contrast Matrix WCAG 2.1 Contrast

A6A28A	C0E95B	D1DEAF	D7D7DE	E3D1CA
—	1.8 Fail	1.8 Fail	1.8 Fail	1.7 Fail
1.8 Fail	—	1.0 Fail	1.0 Fail	1.1 Fail
1.8 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.8 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.7 Fail	1.1 Fail	1.0 Fail	1.0 Fail	—

White BG

2.6Fail

1.4Fail

1.5Fail

Black BG

8.2AAA

15.0AAA

14.8AAA

14.7AAA

14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A490

D2D27D

D7D7BA

D7D7DC

DBDBCC

Deuteranopia

A5A591

CFCC86

D6D5BD

D7D7DC

DCDECC

Tritanopia

A69495

C2989E

D2C3C5

D7DBDB

E2CDCD

Achromatopsia

A0A0A0

CDCDCD

D5D5D5

D8D8D8

D6D6D6

Shades & Tints Shades & Tints

#A6A28A

Dark

Light

#C0E95B

Dark

Light

#D1DEAF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6a28a;
  --color-2: #c0e95b;
  --color-3: #d1deaf;
  --color-4: #d7d7de;
  --color-5: #e3d1ca;
}

SCSS

$color-1: #a6a28a;
$color-2: #c0e95b;
$color-3: #d1deaf;
$color-4: #d7d7de;
$color-5: #e3d1ca;

TAILWIND

colors: {
  'brand-1': '#a6a28a',
  'brand-2': '#c0e95b',
  'brand-3': '#d1deaf',
  'brand-4': '#d7d7de',
  'brand-5': '#e3d1ca',
}

RGB Array

[166, 162, 138], [192, 233, 91], [209, 222, 175], [215, 215, 222], [227, 209, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #A6A28A, #C0E95B, #D1DEAF, #D7D7DE, #E3D1CA 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: #a6a28a; --color-2: #c0e95b; --color-3: #d1deaf; --color-4: #d7d7de; --color-5: #e3d1ca. 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 pastel-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