← Back to Editor

#C79B85 · #BDAE91 · #A2A888 · #809C80 · #070A0A

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 LibraryData Visualization

Color Details Color Details

#C79B85

Apricot · Tan · Warm Sun

HEX
#C79B85
RGB
rgb(199, 155, 133)
HSL
hsl(20, 37%, 65%)
HSB
hsb(20, 33%, 78%)
CMYK
cmyk(0%, 22%, 33%, 22%)
Oklch
oklch(72.5% 0.061 47.9)

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

#BDAE91

Ginger · Tan · Sunflower

HEX
#BDAE91
RGB
rgb(189, 174, 145)
HSL
hsl(40, 25%, 65%)
HSB
hsb(40, 23%, 74%)
CMYK
cmyk(0%, 8%, 23%, 26%)
Oklch
oklch(75.6% 0.043 83.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#A2A888

Grass Green · DarkSeaGreen · Olive Green

HEX
#A2A888
RGB
rgb(162, 168, 136)
HSL
hsl(71, 16%, 60%)
HSB
hsb(71, 19%, 66%)
CMYK
cmyk(4%, 0%, 19%, 34%)
Oklch
oklch(71.8% 0.045 116.2)

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

#809C80

Celadon · Gray · Olive Green

HEX
#809C80
RGB
rgb(128, 156, 128)
HSL
hsl(120, 12%, 56%)
HSB
hsb(120, 18%, 61%)
CMYK
cmyk(18%, 0%, 18%, 39%)
Oklch
oklch(66.3% 0.052 145.0)

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

#070A0A

Slate Blue · Black · Peacock Green

HEX
#070A0A
RGB
rgb(7, 10, 10)
HSL
hsl(180, 18%, 3%)
HSB
hsb(180, 30%, 4%)
CMYK
cmyk(30%, 0%, 0%, 96%)
Oklch
oklch(14.1% 0.006 196.5)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C79B85
85B1C7

Analogous

C78590
C79B85
C7BC85

Triadic

C79B85
85C79B
9B85C7

Split-Comp.

C79B85
85C7BC
8590C7

Tetradic

C79B85
90C785
85B1C7
BC85C7

Contrast Matrix WCAG 2.1 Contrast

C79B85
BDAE91
A2A888
809C80
070A0A
—
1.1
Fail
1.0
Fail
1.2
Fail
8.0
AAA
1.1
Fail
—
1.1
Fail
1.4
Fail
9.1
AAA
1.0
Fail
1.1
Fail
—
1.2
Fail
8.0
AAA
1.2
Fail
1.4
Fail
1.2
Fail
—
6.6
AA
8.0
AAA
9.1
AAA
8.0
AAA
6.6
AA
—
White BG
2.5Fail
2.2Fail
2.5Fail
3.0AA Large
19.9AAA
Black BG
8.5AAA
9.6AAA
8.5AAA
7.0AA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B48A
B7B698
A5A590
8C8C87
08080A

Deuteranopia

B7BA8C
B7B89A
A4A492
8B8888
08080A

Tritanopia

C58F8F
BC9E9F
A29697
818C8D
070A0A

Achromatopsia

A6A6A6
AFAFAF
A3A3A3
909090
090909

Shades & Tints Shades & Tints

#C79B85

Dark
Light

#BDAE91

Dark
Light

#A2A888

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c79b85;
  --color-2: #bdae91;
  --color-3: #a2a888;
  --color-4: #809c80;
  --color-5: #070a0a;
}

SCSS

$color-1: #c79b85;
$color-2: #bdae91;
$color-3: #a2a888;
$color-4: #809c80;
$color-5: #070a0a;

TAILWIND

colors: {
  'brand-1': '#c79b85',
  'brand-2': '#bdae91',
  'brand-3': '#a2a888',
  'brand-4': '#809c80',
  'brand-5': '#070a0a',
}

RGB Array

[199, 155, 133], [189, 174, 145], [162, 168, 136], [128, 156, 128], [7, 10, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C79B85, #BDAE91, #A2A888, #809C80, #070A0A 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: #c79b85; --color-2: #bdae91; --color-3: #a2a888; --color-4: #809c80; --color-5: #070a0a. 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