#9A9C95 + #9AA38A + #A0B67A + #A7CE65 + #A7E737 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweet

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#9A9C95

Ash · DarkGray · Silver Sand

HEX

#9A9C95

RGB

rgb(154, 156, 149)

HSL

hsl(77, 3%, 60%)

HSB

hsb(77, 4%, 61%)

CMYK

cmyk(1%, 0%, 4%, 39%)

Oklch

oklch(68.9% 0.010 119.7)

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

#9AA38A

Grass Green · DarkSeaGreen · Olive Green

HEX

#9AA38A

RGB

rgb(154, 163, 138)

HSL

hsl(82, 12%, 59%)

HSB

hsb(82, 15%, 64%)

CMYK

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

Oklch

oklch(70.1% 0.037 123.5)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#A0B67A

Grass Green · DarkSeaGreen · Olive Green

HEX

#A0B67A

RGB

rgb(160, 182, 122)

HSL

hsl(82, 29%, 60%)

HSB

hsb(82, 33%, 71%)

CMYK

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

Oklch

oklch(74.5% 0.085 124.8)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#A7CE65

Grass Green · DarkSeaGreen · Olive Green

HEX

#A7CE65

RGB

rgb(167, 206, 101)

HSL

hsl(82, 52%, 60%)

HSB

hsb(82, 51%, 81%)

CMYK

cmyk(19%, 0%, 51%, 19%)

Oklch

oklch(80.1% 0.140 126.2)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#A7E737

Grass Green · GreenYellow · Olive Green

HEX

#A7E737

RGB

rgb(167, 231, 55)

HSL

hsl(82, 79%, 56%)

HSB

hsb(82, 76%, 91%)

CMYK

cmyk(28%, 0%, 76%, 9%)

Oklch

oklch(85.4% 0.206 128.2)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9A9C95

98969C

Analogous

9C9B96

9A9C95

979C96

Triadic

9A9C95

969A9C

9C969A

Split-Comp.

9A9C95

96979C

9B969C

Tetradic

9A9C95

969C9B

98969C

9C9697

Contrast Matrix WCAG 2.1 Contrast

9A9C95	9AA38A	A0B67A	A7CE65	A7E737
—	1.1 Fail	1.3 Fail	1.5 Fail	1.9 Fail
1.1 Fail	—	1.2 Fail	1.5 Fail	1.8 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	1.5 Fail
1.5 Fail	1.5 Fail	1.2 Fail	—	1.2 Fail
1.9 Fail	1.8 Fail	1.5 Fail	1.2 Fail	—

White BG

2.8Fail

2.6Fail

2.2Fail

1.8Fail

1.5Fail

Black BG

7.6AAA

8.0AAA

9.5AAA

11.7AAA

14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9B97

9E9E90

AAAA89

B8B87E

C3C362

Deuteranopia

9B9B97

9D9D92

A8A78C

B6B385

BFBA6C

Tritanopia

9A9898

9A9596

A19497

A99297

AA838B

Achromatopsia

9B9B9B

9D9D9D

A9A9A9

B6B6B6

C0C0C0

Shades & Tints Shades & Tints

#9A9C95

Dark

Light

#9AA38A

Dark

Light

#A0B67A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9a9c95;
  --color-2: #9aa38a;
  --color-3: #a0b67a;
  --color-4: #a7ce65;
  --color-5: #a7e737;
}

SCSS

$color-1: #9a9c95;
$color-2: #9aa38a;
$color-3: #a0b67a;
$color-4: #a7ce65;
$color-5: #a7e737;

TAILWIND

colors: {
  'brand-1': '#9a9c95',
  'brand-2': '#9aa38a',
  'brand-3': '#a0b67a',
  'brand-4': '#a7ce65',
  'brand-5': '#a7e737',
}

RGB Array

[154, 156, 149], [154, 163, 138], [160, 182, 122], [167, 206, 101], [167, 231, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #9A9C95, #9AA38A, #A0B67A, #A7CE65, #A7E737 is ideal for: corporate websites, product showcases, portfolios. 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: #9a9c95; --color-2: #9aa38a; --color-3: #a0b67a; --color-4: #a7ce65; --color-5: #a7e737. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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