← Back to Editor

#A89C62 · #696B2F · #500303 · #89491A · #3C1700

warm

A 5-color warm palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#A89C62

Autumn Sage · Gray · Sunflower

HEX
#A89C62
RGB
rgb(168, 156, 98)
HSL
hsl(50, 29%, 52%)
HSB
hsb(50, 42%, 66%)
CMYK
cmyk(0%, 7%, 42%, 34%)
Oklch
oklch(69.0% 0.079 97.9)

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

#696B2F

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#696B2F
RGB
rgb(105, 107, 47)
HSL
hsl(62, 39%, 30%)
HSB
hsb(62, 56%, 42%)
CMYK
cmyk(2%, 0%, 56%, 58%)
Oklch
oklch(51.2% 0.082 110.7)

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

#500303

Vermilion · Maroon · Deep Berry

HEX
#500303
RGB
rgb(80, 3, 3)
HSL
hsl(0, 93%, 16%)
HSB
hsb(0, 96%, 31%)
CMYK
cmyk(0%, 96%, 96%, 69%)
Oklch
oklch(27.4% 0.108 28.4)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#89491A

Tangerine · Sienna · Amber Brown

HEX
#89491A
RGB
rgb(137, 73, 26)
HSL
hsl(25, 68%, 32%)
HSB
hsb(25, 81%, 54%)
CMYK
cmyk(0%, 47%, 81%, 46%)
Oklch
oklch(47.5% 0.105 52.8)

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

#3C1700

Tangerine · Black · Cinnamon

HEX
#3C1700
RGB
rgb(60, 23, 0)
HSL
hsl(23, 100%, 12%)
HSB
hsb(23, 100%, 24%)
CMYK
cmyk(0%, 62%, 100%, 76%)
Oklch
oklch(25.7% 0.068 50.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A89C62
616DA8

Analogous

A87961
A89C62
90A861

Triadic

A89C62
61A89C
9C61A8

Split-Comp.

A89C62
6190A8
7961A8

Tetradic

A89C62
61A879
616DA8
A86190

Contrast Matrix WCAG 2.1 Contrast

A89C62
696B2F
500303
89491A
3C1700
—
2.0
Fail
5.6
AA
2.5
Fail
5.8
AA
2.0
Fail
—
2.8
Fail
1.2
Fail
2.8
Fail
5.6
AA
2.8
Fail
—
2.2
Fail
1.0
Fail
2.5
Fail
1.2
Fail
2.2
Fail
—
2.3
Fail
5.8
AA
2.8
Fail
1.0
Fail
2.3
Fail
—
White BG
2.8Fail
5.6AA
15.5AAA
6.9AA
16.0AAA
Black BG
7.6AAA
3.7AA Large
1.4Fail
3.0AA Large
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A370
6A6A3E
2F2E03
6D6D25
2C2C06

Deuteranopia

A4A473
6A6A41
333903
717628
2E3107

Tritanopia

A77B7E
69494C
4C0303
862E30
3A0A0B

Achromatopsia

999999
646464
1A1A1A
575757
1F1F1F

Shades & Tints Shades & Tints

#A89C62

Dark
Light

#696B2F

Dark
Light

#500303

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a89c62;
  --color-2: #696b2f;
  --color-3: #500303;
  --color-4: #89491a;
  --color-5: #3c1700;
}

SCSS

$color-1: #a89c62;
$color-2: #696b2f;
$color-3: #500303;
$color-4: #89491a;
$color-5: #3c1700;

TAILWIND

colors: {
  'brand-1': '#a89c62',
  'brand-2': '#696b2f',
  'brand-3': '#500303',
  'brand-4': '#89491a',
  'brand-5': '#3c1700',
}

RGB Array

[168, 156, 98], [105, 107, 47], [80, 3, 3], [137, 73, 26], [60, 23, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #A89C62, #696B2F, #500303, #89491A, #3C1700 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a89c62; --color-2: #696b2f; --color-3: #500303; --color-4: #89491a; --color-5: #3c1700. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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