← Back to Editor

#B9A7A3 · #D67981 · #7B8A06 · #ACA04A · #E35E6F

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

#B9A7A3

Peach Pink · DarkGray · Coral Red

HEX
#B9A7A3
RGB
rgb(185, 167, 163)
HSL
hsl(11, 14%, 68%)
HSB
hsb(11, 12%, 73%)
CMYK
cmyk(0%, 10%, 12%, 27%)
Oklch
oklch(74.3% 0.022 32.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D67981

Peach Pink · LightCoral · Coral Red

HEX
#D67981
RGB
rgb(214, 121, 129)
HSL
hsl(355, 53%, 66%)
HSB
hsb(355, 43%, 84%)
CMYK
cmyk(0%, 43%, 40%, 16%)
Oklch
oklch(68.0% 0.116 15.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#7B8A06

Autumn Sage · Olive · Honey Gold

HEX
#7B8A06
RGB
rgb(123, 138, 6)
HSL
hsl(67, 92%, 28%)
HSB
hsb(67, 96%, 54%)
CMYK
cmyk(11%, 0%, 96%, 46%)
Oklch
oklch(60.0% 0.137 117.2)

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

#ACA04A

Autumn Sage · GoldenRod · Honey Gold

HEX
#ACA04A
RGB
rgb(172, 160, 74)
HSL
hsl(53, 40%, 48%)
HSB
hsb(53, 57%, 67%)
CMYK
cmyk(0%, 7%, 57%, 33%)
Oklch
oklch(69.8% 0.108 101.4)

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

#E35E6F

Peach Pink · LightCoral · Coral Red

HEX
#E35E6F
RGB
rgb(227, 94, 111)
HSL
hsl(352, 70%, 63%)
HSB
hsb(352, 59%, 89%)
CMYK
cmyk(0%, 59%, 51%, 11%)
Oklch
oklch(65.5% 0.166 15.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B9A7A3
A2B5B9

Analogous

B9A2A9
B9A7A3
B9B2A2

Triadic

B9A7A3
A2B9A6
A6A2B9

Split-Comp.

B9A7A3
A2B9B2
A2A9B9

Tetradic

B9A7A3
A9B9A2
A2B5B9
B2A2B9

Contrast Matrix WCAG 2.1 Contrast

B9A7A3
D67981
7B8A06
ACA04A
E35E6F
—
1.3
Fail
1.7
Fail
1.2
Fail
1.5
Fail
1.3
Fail
—
1.3
Fail
1.1
Fail
1.1
Fail
1.7
Fail
1.3
Fail
—
1.4
Fail
1.1
Fail
1.2
Fail
1.1
Fail
1.4
Fail
—
1.3
Fail
1.5
Fail
1.1
Fail
1.1
Fail
1.3
Fail
—
White BG
2.3Fail
3.0AA Large
3.8AA Large
2.7Fail
3.4AA Large
Black BG
9.1AAA
6.9AA
5.5AA
7.9AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B1A4
AEAD7F
818226
A7A75F
A9A86B

Deuteranopia

B2B4A4
B3BA7F
81802E
A8A864
B1BB6A

Tritanopia

B8A5A5
D17E7D
7C3F45
AB6F73
DC6867

Achromatopsia

ACACAC
969696
767676
9A9A9A
888888

Shades & Tints Shades & Tints

#B9A7A3

Dark
Light

#D67981

Dark
Light

#7B8A06

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b9a7a3;
  --color-2: #d67981;
  --color-3: #7b8a06;
  --color-4: #aca04a;
  --color-5: #e35e6f;
}

SCSS

$color-1: #b9a7a3;
$color-2: #d67981;
$color-3: #7b8a06;
$color-4: #aca04a;
$color-5: #e35e6f;

TAILWIND

colors: {
  'brand-1': '#b9a7a3',
  'brand-2': '#d67981',
  'brand-3': '#7b8a06',
  'brand-4': '#aca04a',
  'brand-5': '#e35e6f',
}

RGB Array

[185, 167, 163], [214, 121, 129], [123, 138, 6], [172, 160, 74], [227, 94, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B9A7A3, #D67981, #7B8A06, #ACA04A, #E35E6F is ideal for: corporate websites, product showcases, portfolios. 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: #b9a7a3; --color-2: #d67981; --color-3: #7b8a06; --color-4: #aca04a; --color-5: #e35e6f. 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. 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