← Back to Editor

#BFA37E · #64543A · #727141 · #938B66 · #C2C2A6

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

#BFA37E

Ginger · Tan · Warm Sun

HEX
#BFA37E
RGB
rgb(191, 163, 126)
HSL
hsl(34, 34%, 62%)
HSB
hsb(34, 34%, 75%)
CMYK
cmyk(0%, 15%, 34%, 25%)
Oklch
oklch(73.1% 0.060 74.4)

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

#64543A

Ochre · DarkOliveGreen · Amber Brown

HEX
#64543A
RGB
rgb(100, 84, 58)
HSL
hsl(37, 27%, 31%)
HSB
hsb(37, 42%, 39%)
CMYK
cmyk(0%, 16%, 42%, 61%)
Oklch
oklch(45.5% 0.045 79.4)

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

#727141

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#727141
RGB
rgb(114, 113, 65)
HSL
hsl(59, 27%, 35%)
HSB
hsb(59, 43%, 45%)
CMYK
cmyk(0%, 1%, 43%, 55%)
Oklch
oklch(53.8% 0.068 107.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#938B66

Ochre · Gray · Honey Gold

HEX
#938B66
RGB
rgb(147, 139, 102)
HSL
hsl(49, 18%, 49%)
HSB
hsb(49, 31%, 58%)
CMYK
cmyk(0%, 5%, 31%, 42%)
Oklch
oklch(63.4% 0.053 97.4)

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

#C2C2A6

Fresh Green · Silver · Sunflower

HEX
#C2C2A6
RGB
rgb(194, 194, 166)
HSL
hsl(60, 19%, 71%)
HSB
hsb(60, 14%, 76%)
CMYK
cmyk(0%, 0%, 14%, 24%)
Oklch
oklch(80.7% 0.038 107.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFA37E
7D9ABF

Analogous

BF827D
BFA37E
BBBF7D

Triadic

BFA37E
7DBFA2
A27DBF

Split-Comp.

BFA37E
7DBBBF
827DBF

Tetradic

BFA37E
7DBF82
7D9ABF
BF7DBB

Contrast Matrix WCAG 2.1 Contrast

BFA37E
64543A
727141
938B66
C2C2A6
—
3.0
AA Large
2.1
Fail
1.4
Fail
1.3
Fail
3.0
AA Large
—
1.4
Fail
2.1
Fail
4.0
AA Large
2.1
Fail
1.4
Fail
—
1.5
Fail
2.8
Fail
1.4
Fail
2.1
Fail
1.5
Fail
—
1.9
Fail
1.3
Fail
4.0
AA Large
2.8
Fail
1.9
Fail
—
White BG
2.4Fail
7.3AAA
5.1AA
3.4AA Large
1.8Fail
Black BG
8.8AAA
2.9Fail
4.2AA Large
6.1AA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B387
5D5D40
72724D
908F6F
C2C2AD

Deuteranopia

B5B789
5E5F42
72724F
909171
C2C2AE

Tritanopia

BE8E90
634546
725658
937678
C2B2B3

Achromatopsia

A7A7A7
565656
6C6C6C
898989
BFBFBF

Shades & Tints Shades & Tints

#BFA37E

Dark
Light

#64543A

Dark
Light

#727141

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfa37e;
  --color-2: #64543a;
  --color-3: #727141;
  --color-4: #938b66;
  --color-5: #c2c2a6;
}

SCSS

$color-1: #bfa37e;
$color-2: #64543a;
$color-3: #727141;
$color-4: #938b66;
$color-5: #c2c2a6;

TAILWIND

colors: {
  'brand-1': '#bfa37e',
  'brand-2': '#64543a',
  'brand-3': '#727141',
  'brand-4': '#938b66',
  'brand-5': '#c2c2a6',
}

RGB Array

[191, 163, 126], [100, 84, 58], [114, 113, 65], [147, 139, 102], [194, 194, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFA37E, #64543A, #727141, #938B66, #C2C2A6 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: #bfa37e; --color-2: #64543a; --color-3: #727141; --color-4: #938b66; --color-5: #c2c2a6. 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