#A09A67 + #937A4E + #865A36 + #793A1E + #6C1A06 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A09A67

Autumn Sage · Gray · Sunflower

HEX

#A09A67

RGB

rgb(160, 154, 103)

HSL

hsl(54, 23%, 52%)

HSB

hsb(54, 36%, 63%)

CMYK

cmyk(0%, 4%, 36%, 37%)

Oklch

oklch(67.9% 0.070 102.3)

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

#937A4E

Ochre · DimGray · Amber Brown

HEX

#937A4E

RGB

rgb(147, 122, 78)

HSL

hsl(38, 31%, 44%)

HSB

hsb(38, 47%, 58%)

CMYK

cmyk(0%, 17%, 47%, 42%)

Oklch

oklch(59.3% 0.068 81.0)

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

#865A36

Tangerine · Sienna · Amber Brown

HEX

#865A36

RGB

rgb(134, 90, 54)

HSL

hsl(27, 43%, 37%)

HSB

hsb(27, 60%, 53%)

CMYK

cmyk(0%, 33%, 60%, 47%)

Oklch

oklch(50.7% 0.077 59.1)

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

#793A1E

Tangerine · Sienna · Amber Brown

HEX

#793A1E

RGB

rgb(121, 58, 30)

HSL

hsl(18, 60%, 30%)

HSB

hsb(18, 75%, 47%)

CMYK

cmyk(0%, 52%, 75%, 53%)

Oklch

oklch(42.5% 0.097 43.2)

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

#6C1A06

Vermilion · Maroon · Wine Red

HEX

#6C1A06

RGB

rgb(108, 26, 6)

HSL

hsl(12, 89%, 22%)

HSB

hsb(12, 94%, 42%)

CMYK

cmyk(0%, 76%, 94%, 58%)

Oklch

oklch(35.4% 0.119 34.3)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A09A67

686EA1

Analogous

A17F68

A09A67

8AA168

Triadic

A09A67

68A19B

9B68A1

Split-Comp.

A09A67

688AA1

7F68A1

Tetradic

A09A67

68A17F

686EA1

A1688A

Contrast Matrix WCAG 2.1 Contrast

A09A67	937A4E	865A36	793A1E	6C1A06
—	1.4 Fail	2.1 Fail	3.0 AA Large	4.1 AA Large
1.4 Fail	—	1.5 Fail	2.1 Fail	2.9 Fail
2.1 Fail	1.5 Fail	—	1.4 Fail	2.0 Fail
3.0 AA Large	2.1 Fail	1.4 Fail	—	1.4 Fail
4.1 AA Large	2.9 Fail	2.0 Fail	1.4 Fail	—

White BG

2.9Fail

4.1AA Large

6.0AA

8.6AAA

11.7AAA

Black BG

7.3AAA

5.1AA

3.5AA Large

2.4Fail

1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9D73

888859

73733F

5E5D25

48480B

Deuteranopia

9E9E76

8A8C5B

767941

616626

4D530C

Tritanopia

A07D7F

926163

844647

762A2B

680F10

Achromatopsia

969696

7C7C7C

636363

4A4A4A

303030

Shades & Tints Shades & Tints

#A09A67

Dark

Light

#937A4E

Dark

Light

#865A36

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a09a67;
  --color-2: #937a4e;
  --color-3: #865a36;
  --color-4: #793a1e;
  --color-5: #6c1a06;
}

SCSS

$color-1: #a09a67;
$color-2: #937a4e;
$color-3: #865a36;
$color-4: #793a1e;
$color-5: #6c1a06;

TAILWIND

colors: {
  'brand-1': '#a09a67',
  'brand-2': '#937a4e',
  'brand-3': '#865a36',
  'brand-4': '#793a1e',
  'brand-5': '#6c1a06',
}

RGB Array

[160, 154, 103], [147, 122, 78], [134, 90, 54], [121, 58, 30], [108, 26, 6]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A09A67, #937A4E, #865A36, #793A1E, #6C1A06 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: #a09a67; --color-2: #937a4e; --color-3: #865a36; --color-4: #793a1e; --color-5: #6c1a06. 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