← Back to Editor

#8F605F · #9E7D69 · #ADA073 · #B3BA7C · #A8C986

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 Library

Color Details Color Details

#8F605F

Crimson · DimGray · Passion Red

HEX
#8F605F
RGB
rgb(143, 96, 95)
HSL
hsl(1, 20%, 47%)
HSB
hsb(1, 34%, 56%)
CMYK
cmyk(0%, 33%, 34%, 44%)
Oklch
oklch(53.9% 0.062 20.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#9E7D69

Tangerine · Gray · Warm Sun

HEX
#9E7D69
RGB
rgb(158, 125, 105)
HSL
hsl(23, 21%, 52%)
HSB
hsb(23, 34%, 62%)
CMYK
cmyk(0%, 21%, 34%, 38%)
Oklch
oklch(61.6% 0.050 52.7)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#ADA073

Ginger · Tan · Sunflower

HEX
#ADA073
RGB
rgb(173, 160, 115)
HSL
hsl(47, 26%, 56%)
HSB
hsb(47, 34%, 68%)
CMYK
cmyk(0%, 8%, 34%, 32%)
Oklch
oklch(70.6% 0.063 93.9)

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

#B3BA7C

Fresh Green · Tan · Sunflower

HEX
#B3BA7C
RGB
rgb(179, 186, 124)
HSL
hsl(67, 31%, 61%)
HSB
hsb(67, 33%, 73%)
CMYK
cmyk(4%, 0%, 33%, 27%)
Oklch
oklch(76.8% 0.083 113.6)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#A8C986

Celadon · DarkSeaGreen · Apple Green

HEX
#A8C986
RGB
rgb(168, 201, 134)
HSL
hsl(90, 38%, 66%)
HSB
hsb(90, 33%, 79%)
CMYK
cmyk(16%, 0%, 33%, 21%)
Oklch
oklch(79.5% 0.097 129.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8F605F
608F90

Analogous

906077
8F605F
907960

Triadic

8F605F
609061
616090

Split-Comp.

8F605F
609079
607790

Tetradic

8F605F
779060
608F90
796090

Contrast Matrix WCAG 2.1 Contrast

8F605F
9E7D69
ADA073
B3BA7C
A8C986
—
1.4
Fail
2.0
Fail
2.6
Fail
2.8
Fail
1.4
Fail
—
1.4
Fail
1.8
Fail
2.0
Fail
2.0
Fail
1.4
Fail
—
1.3
Fail
1.4
Fail
2.6
Fail
1.8
Fail
1.3
Fail
—
1.1
Fail
2.8
Fail
2.0
Fail
1.4
Fail
1.1
Fail
—
White BG
5.2AA
3.8AA Large
2.6Fail
2.1Fail
1.8Fail
Black BG
4.0AA Large
5.6AA
8.1AAA
10.2AAA
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7A5F
908F6E
A7A77E
B6B68B
B6B796

Deuteranopia

7D815F
92946F
A8A981
B6B58F
B4B29A

Tritanopia

8D5F5F
9C7273
AC8688
B39799
AAA3A6

Achromatopsia

6E6E6E
858585
9F9F9F
B1B1B1
B7B7B7

Shades & Tints Shades & Tints

#8F605F

Dark
Light

#9E7D69

Dark
Light

#ADA073

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8f605f;
  --color-2: #9e7d69;
  --color-3: #ada073;
  --color-4: #b3ba7c;
  --color-5: #a8c986;
}

SCSS

$color-1: #8f605f;
$color-2: #9e7d69;
$color-3: #ada073;
$color-4: #b3ba7c;
$color-5: #a8c986;

TAILWIND

colors: {
  'brand-1': '#8f605f',
  'brand-2': '#9e7d69',
  'brand-3': '#ada073',
  'brand-4': '#b3ba7c',
  'brand-5': '#a8c986',
}

RGB Array

[143, 96, 95], [158, 125, 105], [173, 160, 115], [179, 186, 124], [168, 201, 134]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8F605F, #9E7D69, #ADA073, #B3BA7C, #A8C986 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: #8f605f; --color-2: #9e7d69; --color-3: #ada073; --color-4: #b3ba7c; --color-5: #a8c986. 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