#A5926B + #946312 + #955A32 + #6F5B34 + #4E4327 · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A5926B

Ginger · Gray · Sunflower

HEX

#A5926B

RGB

rgb(165, 146, 107)

HSL

hsl(40, 24%, 53%)

HSB

hsb(40, 35%, 65%)

CMYK

cmyk(0%, 12%, 35%, 35%)

Oklch

oklch(66.7% 0.058 84.9)

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

#946312

Ochre · Sienna · Amber Brown

HEX

#946312

RGB

rgb(148, 99, 18)

HSL

hsl(37, 78%, 33%)

HSB

hsb(37, 88%, 58%)

CMYK

cmyk(0%, 33%, 88%, 42%)

Oklch

oklch(53.9% 0.109 73.2)

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

#955A32

Tangerine · Sienna · Amber Brown

HEX

#955A32

RGB

rgb(149, 90, 50)

HSL

hsl(24, 50%, 39%)

HSB

hsb(24, 66%, 58%)

CMYK

cmyk(0%, 40%, 66%, 42%)

Oklch

oklch(52.6% 0.095 53.3)

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

#6F5B34

Ochre · DarkOliveGreen · Honey Gold

HEX

#6F5B34

RGB

rgb(111, 91, 52)

HSL

hsl(40, 36%, 32%)

HSB

hsb(40, 53%, 44%)

CMYK

cmyk(0%, 18%, 53%, 56%)

Oklch

oklch(48.2% 0.061 83.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#4E4327

Ochre · DarkOliveGreen · Amber Gold

HEX

#4E4327

RGB

rgb(78, 67, 39)

HSL

hsl(43, 33%, 23%)

HSB

hsb(43, 50%, 31%)

CMYK

cmyk(0%, 14%, 50%, 69%)

Oklch

oklch(38.7% 0.045 88.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A5926B

6A7EA4

Analogous

A4746A

A5926B

9AA46A

Triadic

A5926B

6AA491

916AA4

Split-Comp.

A5926B

6A9AA4

746AA4

Tetradic

A5926B

6AA474

6A7EA4

A46A9A

Contrast Matrix WCAG 2.1 Contrast

A5926B	946312	955A32	6F5B34	4E4327
—	1.7 Fail	1.8 Fail	2.1 Fail	3.2 AA Large
1.7 Fail	—	1.1 Fail	1.3 Fail	1.9 Fail
1.8 Fail	1.1 Fail	—	1.2 Fail	1.8 Fail
2.1 Fail	1.3 Fail	1.2 Fail	—	1.5 Fail
3.2 AA Large	1.9 Fail	1.8 Fail	1.5 Fail	—

White BG

3.0AA Large

5.2AA

5.5AA

6.5AA

9.7AAA

Black BG

6.9AA

4.1AA Large

3.8AA Large

3.2AA Large

2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9D74

7F7E26

7B7B3C

66663D

49492E

Deuteranopia

9E9F77

82852A

7F833E

686940

4A4B2F

Tritanopia

A47C7E

923538

924345

6E4547

4D3334

Achromatopsia

939393

686868

676767

5D5D5D

434343

Shades & Tints Shades & Tints

#A5926B

Dark

Light

#946312

Dark

Light

#955A32

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a5926b;
  --color-2: #946312;
  --color-3: #955a32;
  --color-4: #6f5b34;
  --color-5: #4e4327;
}

SCSS

$color-1: #a5926b;
$color-2: #946312;
$color-3: #955a32;
$color-4: #6f5b34;
$color-5: #4e4327;

TAILWIND

colors: {
  'brand-1': '#a5926b',
  'brand-2': '#946312',
  'brand-3': '#955a32',
  'brand-4': '#6f5b34',
  'brand-5': '#4e4327',
}

RGB Array

[165, 146, 107], [148, 99, 18], [149, 90, 50], [111, 91, 52], [78, 67, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #A5926B, #946312, #955A32, #6F5B34, #4E4327 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: #a5926b; --color-2: #946312; --color-3: #955a32; --color-4: #6f5b34; --color-5: #4e4327. 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 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