← Back to Editor

#BCA595 · #746258 · #EDD9BE · #7E658C · #9B7695

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

#BCA595

Apricot · DarkGray · Warm Sun

HEX
#BCA595
RGB
rgb(188, 165, 149)
HSL
hsl(25, 23%, 66%)
HSB
hsb(25, 21%, 74%)
CMYK
cmyk(0%, 12%, 21%, 26%)
Oklch
oklch(73.8% 0.035 57.0)

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

#746258

Tangerine · DimGray · Amber Brown

HEX
#746258
RGB
rgb(116, 98, 88)
HSL
hsl(21, 14%, 40%)
HSB
hsb(21, 24%, 45%)
CMYK
cmyk(0%, 16%, 24%, 55%)
Oklch
oklch(51.1% 0.028 50.8)

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

#EDD9BE

Goose Yellow · Wheat · Peach Orange

HEX
#EDD9BE
RGB
rgb(237, 217, 190)
HSL
hsl(34, 57%, 84%)
HSB
hsb(34, 20%, 93%)
CMYK
cmyk(0%, 8%, 20%, 7%)
Oklch
oklch(89.5% 0.042 75.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#7E658C

Dark Plum · Gray · Violet

HEX
#7E658C
RGB
rgb(126, 101, 140)
HSL
hsl(278, 16%, 47%)
HSB
hsb(278, 28%, 55%)
CMYK
cmyk(10%, 28%, 0%, 45%)
Oklch
oklch(54.6% 0.066 313.2)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#9B7695

Rose Purple · Gray · Violet

HEX
#9B7695
RGB
rgb(155, 118, 149)
HSL
hsl(310, 16%, 54%)
HSB
hsb(310, 24%, 61%)
CMYK
cmyk(0%, 24%, 4%, 39%)
Oklch
oklch(61.2% 0.063 332.0)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BCA595
94ACBC

Analogous

BC9498
BCA595
BCB994

Triadic

BCA595
94BCA5
A594BC

Split-Comp.

BCA595
94BCB9
9498BC

Tetradic

BCA595
98BC94
94ACBC
B994BC

Contrast Matrix WCAG 2.1 Contrast

BCA595
746258
EDD9BE
7E658C
9B7695
—
2.5
Fail
1.7
Fail
2.2
Fail
1.7
Fail
2.5
Fail
—
4.2
AA Large
1.1
Fail
1.5
Fail
1.7
Fail
4.2
AA Large
—
3.7
AA Large
2.8
Fail
2.2
Fail
1.1
Fail
3.7
AA Large
—
1.3
Fail
1.7
Fail
1.5
Fail
2.8
Fail
1.3
Fail
—
White BG
2.3Fail
5.8AA
1.4Fail
5.1AA
3.9AA Large
Black BG
9.0AAA
3.6AA Large
15.3AAA
4.1AA Large
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B299
6C6C5A
E4E4C5
737383
8B8B8D

Deuteranopia

B3B59A
6D6F5B
E6E7C6
757680
8D908C

Tritanopia

BB9C9D
735C5D
ECCACB
7D7B79
998886

Achromatopsia

AAAAAA
666666
DCDCDC
717171
858585

Shades & Tints Shades & Tints

#BCA595

Dark
Light

#746258

Dark
Light

#EDD9BE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bca595;
  --color-2: #746258;
  --color-3: #edd9be;
  --color-4: #7e658c;
  --color-5: #9b7695;
}

SCSS

$color-1: #bca595;
$color-2: #746258;
$color-3: #edd9be;
$color-4: #7e658c;
$color-5: #9b7695;

TAILWIND

colors: {
  'brand-1': '#bca595',
  'brand-2': '#746258',
  'brand-3': '#edd9be',
  'brand-4': '#7e658c',
  'brand-5': '#9b7695',
}

RGB Array

[188, 165, 149], [116, 98, 88], [237, 217, 190], [126, 101, 140], [155, 118, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BCA595, #746258, #EDD9BE, #7E658C, #9B7695 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: #bca595; --color-2: #746258; --color-3: #edd9be; --color-4: #7e658c; --color-5: #9b7695. 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