← Back to Editor

#8AC293 · #9EA374 · #AD8065 · #9C6E67 · #806E60

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

#8AC293

Celadon · DarkSeaGreen · Apple Green

HEX
#8AC293
RGB
rgb(138, 194, 147)
HSL
hsl(130, 31%, 65%)
HSB
hsb(130, 29%, 76%)
CMYK
cmyk(29%, 0%, 24%, 24%)
Oklch
oklch(76.3% 0.089 148.9)

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

#9EA374

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#9EA374
RGB
rgb(158, 163, 116)
HSL
hsl(66, 20%, 55%)
HSB
hsb(66, 29%, 64%)
CMYK
cmyk(3%, 0%, 29%, 36%)
Oklch
oklch(69.9% 0.065 113.0)

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

#AD8065

Tangerine · Gray · Warm Sun

HEX
#AD8065
RGB
rgb(173, 128, 101)
HSL
hsl(23, 31%, 54%)
HSB
hsb(23, 42%, 68%)
CMYK
cmyk(0%, 26%, 42%, 32%)
Oklch
oklch(63.7% 0.068 52.1)

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

#9C6E67

Crimson · Gray · Passion Red

HEX
#9C6E67
RGB
rgb(156, 110, 103)
HSL
hsl(8, 21%, 51%)
HSB
hsb(8, 34%, 61%)
CMYK
cmyk(0%, 29%, 34%, 39%)
Oklch
oklch(58.3% 0.060 28.7)

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

#806E60

Tangerine · DimGray · Amber Brown

HEX
#806E60
RGB
rgb(128, 110, 96)
HSL
hsl(26, 14%, 44%)
HSB
hsb(26, 25%, 50%)
CMYK
cmyk(0%, 14%, 25%, 50%)
Oklch
oklch(55.1% 0.031 60.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8AC293
C18AB8

Analogous

9DC18A
8AC293
8AC1AF

Triadic

8AC293
938AC1
C1938A

Split-Comp.

8AC293
AF8AC1
C18A9D

Tetradic

8AC293
8A9DC1
C18AB8
C1AF8A

Contrast Matrix WCAG 2.1 Contrast

8AC293
9EA374
AD8065
9C6E67
806E60
—
1.3
Fail
1.7
Fail
2.1
Fail
2.4
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
1.8
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
1.4
Fail
2.1
Fail
1.6
Fail
1.3
Fail
—
1.1
Fail
2.4
Fail
1.8
Fail
1.4
Fail
1.1
Fail
—
White BG
2.1Fail
2.6Fail
3.5AA Large
4.3AA Large
4.9AA
Black BG
10.2AAA
7.9AAA
6.1AA
4.8AA
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A39E
A0A07F
9A996C
888869
787863

Deuteranopia

9F9BA1
A0A082
9CA06D
8B8E69
797B64

Tritanopia

8DA7A9
9E888A
AB7172
9A6A6A
7F6667

Achromatopsia

ACACAC
9C9C9C
8A8A8A
7B7B7B
727272

Shades & Tints Shades & Tints

#8AC293

Dark
Light

#9EA374

Dark
Light

#AD8065

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8ac293;
  --color-2: #9ea374;
  --color-3: #ad8065;
  --color-4: #9c6e67;
  --color-5: #806e60;
}

SCSS

$color-1: #8ac293;
$color-2: #9ea374;
$color-3: #ad8065;
$color-4: #9c6e67;
$color-5: #806e60;

TAILWIND

colors: {
  'brand-1': '#8ac293',
  'brand-2': '#9ea374',
  'brand-3': '#ad8065',
  'brand-4': '#9c6e67',
  'brand-5': '#806e60',
}

RGB Array

[138, 194, 147], [158, 163, 116], [173, 128, 101], [156, 110, 103], [128, 110, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8AC293, #9EA374, #AD8065, #9C6E67, #806E60 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: #8ac293; --color-2: #9ea374; --color-3: #ad8065; --color-4: #9c6e67; --color-5: #806e60. 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