← Back to Editor

#C0BF94 · #A6B492 · #8CA493 · #779088 · #737C7F

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

#C0BF94

Fresh Green · Tan · Sunflower

HEX
#C0BF94
RGB
rgb(192, 191, 148)
HSL
hsl(59, 26%, 67%)
HSB
hsb(59, 23%, 75%)
CMYK
cmyk(0%, 1%, 23%, 25%)
Oklch
oklch(79.5% 0.058 106.5)

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

#A6B492

Willow Green · DarkSeaGreen · Apple Green

HEX
#A6B492
RGB
rgb(166, 180, 146)
HSL
hsl(85, 18%, 64%)
HSB
hsb(85, 19%, 71%)
CMYK
cmyk(8%, 0%, 19%, 29%)
Oklch
oklch(75.0% 0.050 125.8)

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

#8CA493

Celadon · DarkSeaGreen · Olive Green

HEX
#8CA493
RGB
rgb(140, 164, 147)
HSL
hsl(137, 12%, 60%)
HSB
hsb(137, 15%, 64%)
CMYK
cmyk(15%, 0%, 10%, 36%)
Oklch
oklch(69.5% 0.036 154.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#779088

Mineral Blue · LightSlateGray · Lake Green

HEX
#779088
RGB
rgb(119, 144, 136)
HSL
hsl(161, 10%, 52%)
HSB
hsb(161, 17%, 56%)
CMYK
cmyk(17%, 0%, 6%, 44%)
Oklch
oklch(63.1% 0.031 173.9)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#737C7F

Ink Gray · Gray · Warm Gray

HEX
#737C7F
RGB
rgb(115, 124, 127)
HSL
hsl(195, 5%, 47%)
HSB
hsb(195, 9%, 50%)
CMYK
cmyk(9%, 2%, 0%, 50%)
Oklch
oklch(58.0% 0.012 219.7)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0BF94
9596C1

Analogous

C1AA95
C0BF94
ACC195

Triadic

C0BF94
95C1C0
C095C1

Split-Comp.

C0BF94
95ACC1
AA95C1

Tetradic

C0BF94
95C1AA
9596C1
C195AC

Contrast Matrix WCAG 2.1 Contrast

C0BF94
A6B492
8CA493
779088
737C7F
—
1.2
Fail
1.4
Fail
1.8
Fail
2.3
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
1.9
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
1.8
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
2.3
Fail
1.9
Fail
1.6
Fail
1.2
Fail
—
White BG
1.9Fail
2.2Fail
2.7Fail
3.4AA Large
4.3AA Large
Black BG
11.1AAA
9.6AAA
7.8AAA
6.1AA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C09E
ACAC9A
969797
82828A
77777E

Deuteranopia

C0C0A1
ABAA9C
959398
807F8A
76767E

Tritanopia

C0A7A8
A7A1A2
8D9A9B
788B8C
737E7E

Achromatopsia

BABABA
ACACAC
9B9B9B
888888
7A7A7A

Shades & Tints Shades & Tints

#C0BF94

Dark
Light

#A6B492

Dark
Light

#8CA493

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0bf94;
  --color-2: #a6b492;
  --color-3: #8ca493;
  --color-4: #779088;
  --color-5: #737c7f;
}

SCSS

$color-1: #c0bf94;
$color-2: #a6b492;
$color-3: #8ca493;
$color-4: #779088;
$color-5: #737c7f;

TAILWIND

colors: {
  'brand-1': '#c0bf94',
  'brand-2': '#a6b492',
  'brand-3': '#8ca493',
  'brand-4': '#779088',
  'brand-5': '#737c7f',
}

RGB Array

[192, 191, 148], [166, 180, 146], [140, 164, 147], [119, 144, 136], [115, 124, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C0BF94, #A6B492, #8CA493, #779088, #737C7F 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: #c0bf94; --color-2: #a6b492; --color-3: #8ca493; --color-4: #779088; --color-5: #737c7f. 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