#AA8253 + #89A177 + #B32C65 + #742849 + #35242D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#AA8253

Ochre · Gray · Amber Brown

HEX

#AA8253

RGB

rgb(170, 130, 83)

HSL

hsl(32, 34%, 50%)

HSB

hsb(32, 51%, 67%)

CMYK

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

Oklch

oklch(63.5% 0.080 70.0)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#89A177

Celadon · Gray · Olive Green

HEX

#89A177

RGB

rgb(137, 161, 119)

HSL

hsl(94, 18%, 55%)

HSB

hsb(94, 26%, 63%)

CMYK

cmyk(15%, 0%, 26%, 37%)

Oklch

oklch(67.9% 0.066 132.2)

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

#B32C65

Dark Violet · MediumVioletRed · Camellia

HEX

#B32C65

RGB

rgb(179, 44, 101)

HSL

hsl(335, 61%, 44%)

HSB

hsb(335, 75%, 70%)

CMYK

cmyk(0%, 75%, 44%, 30%)

Oklch

oklch(52.1% 0.176 360.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#742849

Dark Violet · Brown · Camellia

HEX

#742849

RGB

rgb(116, 40, 73)

HSL

hsl(334, 49%, 31%)

HSB

hsb(334, 66%, 45%)

CMYK

cmyk(0%, 66%, 37%, 55%)

Oklch

oklch(40.0% 0.112 356.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#35242D

Rose Purple · DarkSlateGray · Raspberry

HEX

#35242D

RGB

rgb(53, 36, 45)

HSL

hsl(328, 19%, 17%)

HSB

hsb(328, 32%, 21%)

CMYK

cmyk(0%, 32%, 15%, 79%)

Oklch

oklch(28.4% 0.030 346.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AA8253

547DAB

Analogous

AB5754

AA8253

A8AB54

Triadic

AA8253

54AB82

8254AB

Split-Comp.

AA8253

54A8AB

5754AB

Tetradic

AA8253

54AB57

547DAB

AB54A8

Contrast Matrix WCAG 2.1 Contrast

AA8253	89A177	B32C65	742849	35242D
—	1.2 Fail	1.7 Fail	2.8 Fail	4.2 AA Large
1.2 Fail	—	2.1 Fail	3.5 AA Large	5.2 AA
1.7 Fail	2.1 Fail	—	1.6 Fail	2.4 Fail
2.8 Fail	3.5 AA Large	1.6 Fail	—	1.5 Fail
4.2 AA Large	5.2 AA	2.4 Fail	1.5 Fail	—

White BG

3.5AA Large

2.8Fail

6.1AA

9.8AAA

14.6AAA

Black BG

6.0AA

7.4AAA

3.5AA Large

2.1Fail

1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

99985E

939481

797757

535241

2E2D2B

Deuteranopia

9B9E61

929084

808B54

585D3F

2F302A

Tritanopia

A86769

8A898B

AC4C4A

703B39

342929

Achromatopsia

898989

959595

5B5B5B

424242

2A2A2A

Shades & Tints Shades & Tints

#AA8253

Dark

Light

#89A177

Dark

Light

#B32C65

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aa8253;
  --color-2: #89a177;
  --color-3: #b32c65;
  --color-4: #742849;
  --color-5: #35242d;
}

SCSS

$color-1: #aa8253;
$color-2: #89a177;
$color-3: #b32c65;
$color-4: #742849;
$color-5: #35242d;

TAILWIND

colors: {
  'brand-1': '#aa8253',
  'brand-2': '#89a177',
  'brand-3': '#b32c65',
  'brand-4': '#742849',
  'brand-5': '#35242d',
}

RGB Array

[170, 130, 83], [137, 161, 119], [179, 44, 101], [116, 40, 73], [53, 36, 45]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AA8253, #89A177, #B32C65, #742849, #35242D is ideal for: tech websites, dark mode UIs, game UIs. 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: #aa8253; --color-2: #89a177; --color-3: #b32c65; --color-4: #742849; --color-5: #35242d. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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