#A1967A + #9BBA9B + #A2DEB5 + #D4E0BA + #E3E3C4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A1967A

Ginger · Gray · Sunflower

HEX

#A1967A

RGB

rgb(161, 150, 122)

HSL

hsl(43, 17%, 55%)

HSB

hsb(43, 24%, 63%)

CMYK

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

Oklch

oklch(67.5% 0.042 89.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#9BBA9B

Celadon · DarkSeaGreen · Apple Green

HEX

#9BBA9B

RGB

rgb(155, 186, 155)

HSL

hsl(120, 18%, 67%)

HSB

hsb(120, 17%, 73%)

CMYK

cmyk(17%, 0%, 17%, 27%)

Oklch

oklch(75.7% 0.055 145.0)

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

#A2DEB5

Celadon · Silver · Apple Green

HEX

#A2DEB5

RGB

rgb(162, 222, 181)

HSL

hsl(139, 48%, 75%)

HSB

hsb(139, 27%, 87%)

CMYK

cmyk(27%, 0%, 18%, 13%)

Oklch

oklch(84.9% 0.084 154.4)

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

#D4E0BA

Willow Green · LightGray · Apple Green

HEX

#D4E0BA

RGB

rgb(212, 224, 186)

HSL

hsl(79, 38%, 80%)

HSB

hsb(79, 17%, 88%)

CMYK

cmyk(5%, 0%, 17%, 12%)

Oklch

oklch(88.8% 0.052 121.7)

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

#E3E3C4

Fresh Green · Wheat · Lemon Cream

HEX

#E3E3C4

RGB

rgb(227, 227, 196)

HSL

hsl(60, 36%, 83%)

HSB

hsb(60, 14%, 89%)

CMYK

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

Oklch

oklch(90.8% 0.041 107.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A1967A

7984A0

Analogous

A08179

A1967A

97A079

Triadic

A1967A

79A095

9579A0

Split-Comp.

A1967A

7997A0

8179A0

Tetradic

A1967A

79A081

7984A0

A07997

Contrast Matrix WCAG 2.1 Contrast

A1967A	9BBA9B	A2DEB5	D4E0BA	E3E3C4
—	1.4 Fail	1.9 Fail	2.1 Fail	2.2 Fail
1.4 Fail	—	1.4 Fail	1.5 Fail	1.6 Fail
1.9 Fail	1.4 Fail	—	1.1 Fail	1.2 Fail
2.1 Fail	1.5 Fail	1.1 Fail	—	1.1 Fail
2.2 Fail	1.6 Fail	1.2 Fail	1.1 Fail	—

White BG

2.9Fail

2.1Fail

1.5Fail

1.4Fail

1.3Fail

Black BG

7.2AAA

9.9AAA

13.7AAA

15.2AAA

16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9C81

A8A9A3

BCBDBF

D9D9C3

E3E3CC

Deuteranopia

9D9E82

A7A4A4

B9B4C1

D9D8C5

E3E3CD

Tritanopia

A08687

9DA8AA

A5C7C8

D5CACC

E3D1D3

Achromatopsia

969696

ADADAD

C7C7C7

D8D8D8

DFDFDF

Shades & Tints Shades & Tints

#A1967A

Dark

Light

#9BBA9B

Dark

Light

#A2DEB5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a1967a;
  --color-2: #9bba9b;
  --color-3: #a2deb5;
  --color-4: #d4e0ba;
  --color-5: #e3e3c4;
}

SCSS

$color-1: #a1967a;
$color-2: #9bba9b;
$color-3: #a2deb5;
$color-4: #d4e0ba;
$color-5: #e3e3c4;

TAILWIND

colors: {
  'brand-1': '#a1967a',
  'brand-2': '#9bba9b',
  'brand-3': '#a2deb5',
  'brand-4': '#d4e0ba',
  'brand-5': '#e3e3c4',
}

RGB Array

[161, 150, 122], [155, 186, 155], [162, 222, 181], [212, 224, 186], [227, 227, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A1967A, #9BBA9B, #A2DEB5, #D4E0BA, #E3E3C4 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: #a1967a; --color-2: #9bba9b; --color-3: #a2deb5; --color-4: #d4e0ba; --color-5: #e3e3c4. 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