← Back to Editor

#A6661E · #7A7364 · #5D9182 · #9CAA95 · #C2AE9F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A6661E

Ochre · Sienna · Amber Brown

HEX
#A6661E
RGB
rgb(166, 102, 30)
HSL
hsl(32, 69%, 38%)
HSB
hsb(32, 82%, 65%)
CMYK
cmyk(0%, 39%, 82%, 35%)
Oklch
oklch(56.9% 0.116 63.7)

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

#7A7364

Ochre · DimGray · Honey Gold

HEX
#7A7364
RGB
rgb(122, 115, 100)
HSL
hsl(41, 10%, 44%)
HSB
hsb(41, 18%, 48%)
CMYK
cmyk(0%, 6%, 18%, 52%)
Oklch
oklch(55.7% 0.024 86.0)

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

#5D9182

Mineral Blue · SlateGray · Mint Ice

HEX
#5D9182
RGB
rgb(93, 145, 130)
HSL
hsl(163, 22%, 47%)
HSB
hsb(163, 36%, 57%)
CMYK
cmyk(36%, 0%, 10%, 43%)
Oklch
oklch(61.5% 0.060 174.1)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#9CAA95

Celadon · DarkSeaGreen · Apple Green

HEX
#9CAA95
RGB
rgb(156, 170, 149)
HSL
hsl(100, 11%, 63%)
HSB
hsb(100, 12%, 67%)
CMYK
cmyk(8%, 0%, 12%, 33%)
Oklch
oklch(72.1% 0.034 135.1)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#C2AE9F

Apricot · Tan · Warm Sun

HEX
#C2AE9F
RGB
rgb(194, 174, 159)
HSL
hsl(26, 22%, 69%)
HSB
hsb(26, 18%, 76%)
CMYK
cmyk(0%, 10%, 18%, 24%)
Oklch
oklch(76.4% 0.031 59.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6661E
1E5CA4

Analogous

A4221E
A6661E
9FA41E

Triadic

A6661E
1EA465
651EA4

Split-Comp.

A6661E
1E9FA4
221EA4

Tetradic

A6661E
1EA422
1E5CA4
A41E9F

Contrast Matrix WCAG 2.1 Contrast

A6661E
7A7364
5D9182
9CAA95
C2AE9F
—
1.0
Fail
1.3
Fail
1.9
Fail
2.2
Fail
1.0
Fail
—
1.3
Fail
1.9
Fail
2.2
Fail
1.3
Fail
1.3
Fail
—
1.5
Fail
1.7
Fail
1.9
Fail
1.9
Fail
1.5
Fail
—
1.1
Fail
2.2
Fail
2.2
Fail
1.7
Fail
1.1
Fail
—
White BG
4.6AA
4.7AA
3.6AA Large
2.4Fail
2.1Fail
Black BG
4.5AA
4.5AA Large
5.8AA
8.6AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8A2F
777768
747486
A2A29A
B9B9A3

Deuteranopia

8E9334
777869
716D87
A1A09B
BBBCA4

Tritanopia

A33D40
7A6A6B
608889
9D9E9F
C1A5A6

Achromatopsia

717171
737373
808080
A3A3A3
B2B2B2

Shades & Tints Shades & Tints

#A6661E

Dark
Light

#7A7364

Dark
Light

#5D9182

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6661e;
  --color-2: #7a7364;
  --color-3: #5d9182;
  --color-4: #9caa95;
  --color-5: #c2ae9f;
}

SCSS

$color-1: #a6661e;
$color-2: #7a7364;
$color-3: #5d9182;
$color-4: #9caa95;
$color-5: #c2ae9f;

TAILWIND

colors: {
  'brand-1': '#a6661e',
  'brand-2': '#7a7364',
  'brand-3': '#5d9182',
  'brand-4': '#9caa95',
  'brand-5': '#c2ae9f',
}

RGB Array

[166, 102, 30], [122, 115, 100], [93, 145, 130], [156, 170, 149], [194, 174, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A6661E, #7A7364, #5D9182, #9CAA95, #C2AE9F is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a6661e; --color-2: #7a7364; --color-3: #5d9182; --color-4: #9caa95; --color-5: #c2ae9f. 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 general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. 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