← Back to Editor

#A67F1C · #C5A99E · #CDC6C0 · #2D2614 · #7F7C75

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

#A67F1C

Ochre · DarkGoldenRod · Honey Gold

HEX
#A67F1C
RGB
rgb(166, 127, 28)
HSL
hsl(43, 71%, 38%)
HSB
hsb(43, 83%, 65%)
CMYK
cmyk(0%, 23%, 83%, 35%)
Oklch
oklch(61.8% 0.118 85.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#C5A99E

Apricot · Tan · Warm Sun

HEX
#C5A99E
RGB
rgb(197, 169, 158)
HSL
hsl(17, 25%, 70%)
HSB
hsb(17, 20%, 77%)
CMYK
cmyk(0%, 14%, 20%, 23%)
Oklch
oklch(75.6% 0.036 42.6)

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

#CDC6C0

Apricot · Silver · Peach Orange

HEX
#CDC6C0
RGB
rgb(205, 198, 192)
HSL
hsl(28, 12%, 78%)
HSB
hsb(28, 6%, 80%)
CMYK
cmyk(0%, 3%, 6%, 20%)
Oklch
oklch(83.1% 0.011 63.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#2D2614

Ochre · Black · Amber Gold

HEX
#2D2614
RGB
rgb(45, 38, 20)
HSL
hsl(43, 38%, 13%)
HSB
hsb(43, 56%, 18%)
CMYK
cmyk(0%, 16%, 56%, 82%)
Oklch
oklch(27.1% 0.032 89.0)

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

#7F7C75

Ink Gray · Gray · Warm Gray

HEX
#7F7C75
RGB
rgb(127, 124, 117)
HSL
hsl(42, 4%, 48%)
HSB
hsb(42, 8%, 50%)
CMYK
cmyk(0%, 2%, 8%, 50%)
Oklch
oklch(58.7% 0.011 87.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A67F1C
1C43A6

Analogous

A63A1C
A67F1C
88A61C

Triadic

A67F1C
1CA67F
7F1CA6

Split-Comp.

A67F1C
1C88A6
3A1CA6

Tetradic

A67F1C
1CA63A
1C43A6
A61C88

Contrast Matrix WCAG 2.1 Contrast

A67F1C
C5A99E
CDC6C0
2D2614
7F7C75
—
1.7
Fail
2.2
Fail
4.1
AA Large
1.1
Fail
1.7
Fail
—
1.3
Fail
6.8
AA
1.9
Fail
2.2
Fail
1.3
Fail
—
8.9
AAA
2.5
Fail
4.1
AA Large
6.8
AA
8.9
AAA
—
3.6
AA Large
1.1
Fail
1.9
Fail
2.5
Fail
3.6
AA Large
—
White BG
3.7AA Large
2.2Fail
1.7Fail
15.0AAA
4.2AA Large
Black BG
5.7AA
9.5AAA
12.4AAA
1.4Fail
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

959534
B9B9A1
CACAC1
2A2A18
7E7E77

Deuteranopia

979A3A
BBBDA1
CACBC2
2A2B19
7E7E77

Tritanopia

A4474B
C4A3A3
CDC3C3
2D1C1D
7F7878

Achromatopsia

7F7F7F
B0B0B0
C7C7C7
262626
7C7C7C

Shades & Tints Shades & Tints

#A67F1C

Dark
Light

#C5A99E

Dark
Light

#CDC6C0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a67f1c;
  --color-2: #c5a99e;
  --color-3: #cdc6c0;
  --color-4: #2d2614;
  --color-5: #7f7c75;
}

SCSS

$color-1: #a67f1c;
$color-2: #c5a99e;
$color-3: #cdc6c0;
$color-4: #2d2614;
$color-5: #7f7c75;

TAILWIND

colors: {
  'brand-1': '#a67f1c',
  'brand-2': '#c5a99e',
  'brand-3': '#cdc6c0',
  'brand-4': '#2d2614',
  'brand-5': '#7f7c75',
}

RGB Array

[166, 127, 28], [197, 169, 158], [205, 198, 192], [45, 38, 20], [127, 124, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A67F1C, #C5A99E, #CDC6C0, #2D2614, #7F7C75 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a67f1c; --color-2: #c5a99e; --color-3: #cdc6c0; --color-4: #2d2614; --color-5: #7f7c75. 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. 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