← Back to Editor

#725D6C · #FAE1BA · #E6D6B8 · #C7C0B4 · #BFB6B1

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#725D6C

Rose Purple · DimGray · Violet

HEX
#725D6C
RGB
rgb(114, 93, 108)
HSL
hsl(317, 10%, 41%)
HSB
hsb(317, 18%, 45%)
CMYK
cmyk(0%, 18%, 5%, 55%)
Oklch
oklch(50.4% 0.035 336.5)

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

#FAE1BA

Goose Yellow · Wheat · Peach Orange

HEX
#FAE1BA
RGB
rgb(250, 225, 186)
HSL
hsl(37, 86%, 85%)
HSB
hsb(37, 26%, 98%)
CMYK
cmyk(0%, 10%, 26%, 2%)
Oklch
oklch(92.1% 0.058 78.9)

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

#E6D6B8

Goose Yellow · Wheat · Peach Orange

HEX
#E6D6B8
RGB
rgb(230, 214, 184)
HSL
hsl(39, 48%, 81%)
HSB
hsb(39, 20%, 90%)
CMYK
cmyk(0%, 7%, 20%, 10%)
Oklch
oklch(88.1% 0.044 83.2)

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

#C7C0B4

Goose Yellow · Silver · Warm Sun

HEX
#C7C0B4
RGB
rgb(199, 192, 180)
HSL
hsl(38, 15%, 74%)
HSB
hsb(38, 10%, 78%)
CMYK
cmyk(0%, 4%, 10%, 22%)
Oklch
oklch(81.0% 0.018 81.3)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#BFB6B1

Apricot · Silver · Warm Sun

HEX
#BFB6B1
RGB
rgb(191, 182, 177)
HSL
hsl(21, 10%, 72%)
HSB
hsb(21, 7%, 75%)
CMYK
cmyk(0%, 5%, 7%, 25%)
Oklch
oklch(78.2% 0.012 51.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

725D6C
5E7364

Analogous

6E5E73
725D6C
735E63

Triadic

725D6C
6D735E
5E6D73

Split-Comp.

725D6C
63735E
5E736E

Tetradic

725D6C
736E5E
5E7364
5E6373

Contrast Matrix WCAG 2.1 Contrast

725D6C
FAE1BA
E6D6B8
C7C0B4
BFB6B1
—
4.7
AA
4.2
AA Large
3.3
AA Large
3.0
AA Large
4.7
AA
—
1.1
Fail
1.4
Fail
1.6
Fail
4.2
AA Large
1.1
Fail
—
1.3
Fail
1.4
Fail
3.3
AA Large
1.4
Fail
1.3
Fail
—
1.1
Fail
3.0
AA Large
1.6
Fail
1.4
Fail
1.1
Fail
—
White BG
6.0AA
1.3Fail
1.4Fail
1.8Fail
2.0Fail
Black BG
3.5AA Large
16.5AAA
14.7AAA
11.6AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

696968
EFEFC3
DFDFBF
C4C4B7
BBBBB2

Deuteranopia

6A6C68
F1F3C6
E0E1C1
C4C5B8
BCBCB3

Tritanopia

716665
F9CBCD
E5C5C6
C7B9BA
BFB3B3

Achromatopsia

656565
E4E4E4
D7D7D7
C1C1C1
B8B8B8

Shades & Tints Shades & Tints

#725D6C

Dark
Light

#FAE1BA

Dark
Light

#E6D6B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #725d6c;
  --color-2: #fae1ba;
  --color-3: #e6d6b8;
  --color-4: #c7c0b4;
  --color-5: #bfb6b1;
}

SCSS

$color-1: #725d6c;
$color-2: #fae1ba;
$color-3: #e6d6b8;
$color-4: #c7c0b4;
$color-5: #bfb6b1;

TAILWIND

colors: {
  'brand-1': '#725d6c',
  'brand-2': '#fae1ba',
  'brand-3': '#e6d6b8',
  'brand-4': '#c7c0b4',
  'brand-5': '#bfb6b1',
}

RGB Array

[114, 93, 108], [250, 225, 186], [230, 214, 184], [199, 192, 180], [191, 182, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #725D6C, #FAE1BA, #E6D6B8, #C7C0B4, #BFB6B1 is ideal for: health products, baby brands, fresh-style blogs, 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: #725d6c; --color-2: #fae1ba; --color-3: #e6d6b8; --color-4: #c7c0b4; --color-5: #bfb6b1. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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