#B0AA11 + #AAA86E + #A88B7A + #7E5576 + #741D62 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B0AA11

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#B0AA11

RGB

rgb(176, 170, 17)

HSL

hsl(58, 82%, 38%)

HSB

hsb(58, 90%, 69%)

CMYK

cmyk(0%, 3%, 90%, 31%)

Oklch

oklch(72.0% 0.151 107.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#AAA86E

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#AAA86E

RGB

rgb(170, 168, 110)

HSL

hsl(58, 26%, 55%)

HSB

hsb(58, 35%, 67%)

CMYK

cmyk(0%, 1%, 35%, 33%)

Oklch

oklch(71.9% 0.078 106.5)

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

#A88B7A

Tangerine · Gray · Warm Sun

HEX

#A88B7A

RGB

rgb(168, 139, 122)

HSL

hsl(22, 21%, 57%)

HSB

hsb(22, 27%, 66%)

CMYK

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

Oklch

oklch(65.9% 0.043 52.1)

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

#7E5576

Rose Purple · DimGray · Violet

HEX

#7E5576

RGB

rgb(126, 85, 118)

HSL

hsl(312, 19%, 41%)

HSB

hsb(312, 33%, 49%)

CMYK

cmyk(0%, 33%, 6%, 51%)

Oklch

oklch(50.5% 0.072 333.8)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#741D62

Rose Purple · Purple · Eggplant

HEX

#741D62

RGB

rgb(116, 29, 98)

HSL

hsl(312, 60%, 28%)

HSB

hsb(312, 75%, 45%)

CMYK

cmyk(0%, 75%, 16%, 55%)

Oklch

oklch(39.9% 0.144 337.6)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0AA11

1117B0

Analogous

B05C11

B0AA11

66B011

Triadic

B0AA11

11B0AB

AB11B0

Split-Comp.

B0AA11

1166B0

5C11B0

Tetradic

B0AA11

11B05C

1117B0

B01166

Contrast Matrix WCAG 2.1 Contrast

B0AA11	AAA86E	A88B7A	7E5576	741D62
—	1.0 Fail	1.3 Fail	2.5 Fail	4.1 AA Large
1.0 Fail	—	1.3 Fail	2.5 Fail	4.1 AA Large
1.3 Fail	1.3 Fail	—	1.9 Fail	3.2 AA Large
2.5 Fail	2.5 Fail	1.9 Fail	—	1.6 Fail
4.1 AA Large	4.1 AA Large	3.2 AA Large	1.6 Fail	—

White BG

2.4Fail

2.5Fail

3.2AA Large

6.1AA

10.0AAA

Black BG

8.6AAA

8.5AAA

6.6AA

3.4AA Large

2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAD36

A9A97C

9B9B7E

6C6C6E

4E4E51

Deuteranopia

AEAE3F

A9A97F

9D9F7F

6F726C

535A4D

Tritanopia

B0535A

AA878A

A78182

7C6866

704441

Achromatopsia

9A9A9A

A2A2A2

929292

656565

3F3F3F

Shades & Tints Shades & Tints

#B0AA11

Dark

Light

#AAA86E

Dark

Light

#A88B7A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0aa11;
  --color-2: #aaa86e;
  --color-3: #a88b7a;
  --color-4: #7e5576;
  --color-5: #741d62;
}

SCSS

$color-1: #b0aa11;
$color-2: #aaa86e;
$color-3: #a88b7a;
$color-4: #7e5576;
$color-5: #741d62;

TAILWIND

colors: {
  'brand-1': '#b0aa11',
  'brand-2': '#aaa86e',
  'brand-3': '#a88b7a',
  'brand-4': '#7e5576',
  'brand-5': '#741d62',
}

RGB Array

[176, 170, 17], [170, 168, 110], [168, 139, 122], [126, 85, 118], [116, 29, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B0AA11, #AAA86E, #A88B7A, #7E5576, #741D62 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: #b0aa11; --color-2: #aaa86e; --color-3: #a88b7a; --color-4: #7e5576; --color-5: #741d62. 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 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