#99610A + #AA9F36 + #70ABA5 + #8B8295 + #573953 · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#99610A

Ochre · Sienna · Amber Brown

HEX

#99610A

RGB

rgb(153, 97, 10)

HSL

hsl(37, 88%, 32%)

HSB

hsb(37, 93%, 60%)

CMYK

cmyk(0%, 37%, 93%, 40%)

Oklch

oklch(54.1% 0.114 69.5)

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

#AA9F36

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#AA9F36

RGB

rgb(170, 159, 54)

HSL

hsl(54, 52%, 44%)

HSB

hsb(54, 68%, 67%)

CMYK

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

Oklch

oklch(69.2% 0.124 103.3)

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

#70ABA5

Mineral Blue · CadetBlue · Lake Green

HEX

#70ABA5

RGB

rgb(112, 171, 165)

HSL

hsl(174, 26%, 55%)

HSB

hsb(174, 35%, 67%)

CMYK

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

Oklch

oklch(69.9% 0.062 187.8)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#8B8295

Deep Indigo · LightSlateGray · Warm Gray

HEX

#8B8295

RGB

rgb(139, 130, 149)

HSL

hsl(268, 8%, 55%)

HSB

hsb(268, 13%, 58%)

CMYK

cmyk(7%, 13%, 0%, 42%)

Oklch

oklch(62.1% 0.030 306.8)

Traditional「Deep Indigo」· Paint「Warm Gray」· Creative Urban Concrete

#573953

Rose Purple · DarkSlateGray · Eggplant

HEX

#573953

RGB

rgb(87, 57, 83)

HSL

hsl(308, 21%, 28%)

HSB

hsb(308, 34%, 34%)

CMYK

cmyk(0%, 34%, 5%, 66%)

Oklch

oklch(38.9% 0.058 331.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

99610A

0A4199

Analogous

991B0A

99610A

89990A

Triadic

99610A

0A9962

620A99

Split-Comp.

99610A

0A8999

1B0A99

Tetradic

99610A

0A991B

0A4199

990A89

Contrast Matrix WCAG 2.1 Contrast

99610A	AA9F36	70ABA5	8B8295	573953
—	1.9 Fail	2.0 Fail	1.4 Fail	1.9 Fail
1.9 Fail	—	1.0 Fail	1.3 Fail	3.7 AA Large
2.0 Fail	1.0 Fail	—	1.4 Fail	3.8 AA Large
1.4 Fail	1.3 Fail	1.4 Fail	—	2.7 Fail
1.9 Fail	3.7 AA Large	3.8 AA Large	2.7 Fail	—

White BG

5.2AA

2.7Fail

2.6Fail

3.7AA Large

9.9AAA

Black BG

4.1AA Large

7.7AAA

8.1AAA

5.7AA

2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

81801F

A5A54F

8A8AA6

878790

4A4A4D

Deuteranopia

848824

A6A756

8682A7

88888F

4C4E4B

Tritanopia

963033

A96368

73A8A8

8B8D8C

554847

Achromatopsia

686868

969696

999999

878787

454545

Shades & Tints Shades & Tints

#99610A

Dark

Light

#AA9F36

Dark

Light

#70ABA5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #99610a;
  --color-2: #aa9f36;
  --color-3: #70aba5;
  --color-4: #8b8295;
  --color-5: #573953;
}

SCSS

$color-1: #99610a;
$color-2: #aa9f36;
$color-3: #70aba5;
$color-4: #8b8295;
$color-5: #573953;

TAILWIND

colors: {
  'brand-1': '#99610a',
  'brand-2': '#aa9f36',
  'brand-3': '#70aba5',
  'brand-4': '#8b8295',
  'brand-5': '#573953',
}

RGB Array

[153, 97, 10], [170, 159, 54], [112, 171, 165], [139, 130, 149], [87, 57, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #99610A, #AA9F36, #70ABA5, #8B8295, #573953 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: #99610a; --color-2: #aa9f36; --color-3: #70aba5; --color-4: #8b8295; --color-5: #573953. 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 warm-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