← Back to Editor

#6D4F35 · #91704D · #9E9665 · #A3BF97 · #B2D4C3

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#6D4F35

Tangerine · DarkOliveGreen · Amber Brown

HEX
#6D4F35
RGB
rgb(109, 79, 53)
HSL
hsl(28, 35%, 32%)
HSB
hsb(28, 51%, 43%)
CMYK
cmyk(0%, 28%, 51%, 57%)
Oklch
oklch(45.3% 0.056 61.6)

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

#91704D

Ochre · Sienna · Amber Brown

HEX
#91704D
RGB
rgb(145, 112, 77)
HSL
hsl(31, 31%, 44%)
HSB
hsb(31, 47%, 57%)
CMYK
cmyk(0%, 23%, 47%, 43%)
Oklch
oklch(56.9% 0.065 67.6)

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

#9E9665

Autumn Sage · Gray · Sunflower

HEX
#9E9665
RGB
rgb(158, 150, 101)
HSL
hsl(52, 23%, 51%)
HSB
hsb(52, 36%, 62%)
CMYK
cmyk(0%, 5%, 36%, 38%)
Oklch
oklch(66.8% 0.068 100.1)

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

#A3BF97

Celadon · DarkSeaGreen · Apple Green

HEX
#A3BF97
RGB
rgb(163, 191, 151)
HSL
hsl(102, 24%, 67%)
HSB
hsb(102, 21%, 75%)
CMYK
cmyk(15%, 0%, 21%, 25%)
Oklch
oklch(77.3% 0.063 136.3)

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

#B2D4C3

Jade · Silver · Apple Green

HEX
#B2D4C3
RGB
rgb(178, 212, 195)
HSL
hsl(150, 28%, 76%)
HSB
hsb(150, 16%, 83%)
CMYK
cmyk(16%, 0%, 8%, 17%)
Oklch
oklch(84.0% 0.043 163.7)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6D4F35
35546E

Analogous

6E3537
6D4F35
6E6C35

Triadic

6D4F35
356E50
50356E

Split-Comp.

6D4F35
356E6C
35376E

Tetradic

6D4F35
376E35
35546E
6C356E

Contrast Matrix WCAG 2.1 Contrast

6D4F35
91704D
9E9665
A3BF97
B2D4C3
—
1.6
Fail
2.5
Fail
3.7
AA Large
4.6
AA
1.6
Fail
—
1.5
Fail
2.3
Fail
2.8
Fail
2.5
Fail
1.5
Fail
—
1.5
Fail
1.9
Fail
3.7
AA Large
2.3
Fail
1.5
Fail
—
1.3
Fail
4.6
AA
2.8
Fail
1.9
Fail
1.3
Fail
—
White BG
7.4AAA
4.5AA
3.0Fail
2.0Fail
1.6Fail
Black BG
2.8Fail
4.6AA
7.0AAA
10.5AAA
13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

60603B
838255
9B9A71
AFAFA1
C1C1C7

Deuteranopia

62643D
858758
9B9C74
AEABA3
BFBCC8

Tritanopia

6C4041
8F5C5E
9E7A7C
A4A8AA
B4CACB

Achromatopsia

555555
767676
939393
B2B2B2
C8C8C8

Shades & Tints Shades & Tints

#6D4F35

Dark
Light

#91704D

Dark
Light

#9E9665

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6d4f35;
  --color-2: #91704d;
  --color-3: #9e9665;
  --color-4: #a3bf97;
  --color-5: #b2d4c3;
}

SCSS

$color-1: #6d4f35;
$color-2: #91704d;
$color-3: #9e9665;
$color-4: #a3bf97;
$color-5: #b2d4c3;

TAILWIND

colors: {
  'brand-1': '#6d4f35',
  'brand-2': '#91704d',
  'brand-3': '#9e9665',
  'brand-4': '#a3bf97',
  'brand-5': '#b2d4c3',
}

RGB Array

[109, 79, 53], [145, 112, 77], [158, 150, 101], [163, 191, 151], [178, 212, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6D4F35, #91704D, #9E9665, #A3BF97, #B2D4C3 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #6d4f35; --color-2: #91704d; --color-3: #9e9665; --color-4: #a3bf97; --color-5: #b2d4c3. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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