← Back to Editor

#FCF7F2 · #CEB9BE · #A69984 · #000000 · #8B8A70

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

#FCF7F2

Goose Yellow · SeaShell · Peach Orange

HEX
#FCF7F2
RGB
rgb(252, 247, 242)
HSL
hsl(30, 63%, 97%)
HSB
hsb(30, 4%, 99%)
CMYK
cmyk(0%, 2%, 4%, 1%)
Oklch
oklch(97.9% 0.009 67.7)

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

#CEB9BE

Peach Pink · Silver · Coral Red

HEX
#CEB9BE
RGB
rgb(206, 185, 190)
HSL
hsl(346, 18%, 77%)
HSB
hsb(346, 10%, 81%)
CMYK
cmyk(0%, 10%, 8%, 19%)
Oklch
oklch(80.5% 0.025 1.5)

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

#A69984

Ginger · DarkGray · Warm Sun

HEX
#A69984
RGB
rgb(166, 153, 132)
HSL
hsl(37, 16%, 58%)
HSB
hsb(37, 20%, 65%)
CMYK
cmyk(0%, 8%, 20%, 35%)
Oklch
oklch(68.8% 0.033 79.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#8B8A70

Autumn Sage · Gray · Honey Gold

HEX
#8B8A70
RGB
rgb(139, 138, 112)
HSL
hsl(58, 11%, 49%)
HSB
hsb(58, 19%, 55%)
CMYK
cmyk(0%, 1%, 19%, 45%)
Oklch
oklch(62.7% 0.037 105.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCF7F2
F3F7FC

Analogous

FCF3F3
FCF7F2
FCFCF3

Triadic

FCF7F2
F3FCF7
F7F3FC

Split-Comp.

FCF7F2
F3FCFC
F3F3FC

Tetradic

FCF7F2
F3FCF3
F3F7FC
FCF3FC

Contrast Matrix WCAG 2.1 Contrast

FCF7F2
CEB9BE
A69984
000000
8B8A70
—
1.7
Fail
2.6
Fail
19.7
AAA
3.3
AA Large
1.7
Fail
—
1.5
Fail
11.3
AAA
1.9
Fail
2.6
Fail
1.5
Fail
—
7.5
AAA
1.3
Fail
19.7
AAA
11.3
AAA
7.5
AAA
—
6.0
AA
3.3
AA Large
1.9
Fail
1.3
Fail
6.0
AA
—
White BG
1.1Fail
1.9Fail
2.8Fail
21.0AAA
3.5AA Large
Black BG
19.7AAA
11.3AAA
7.5AAA
1.0Fail
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FAFAF3
C5C5BD
A0A089
000000
8B8B76

Deuteranopia

FAFAF3
C6C8BD
A1A28A
000000
8B8B78

Tritanopia

FCF4F4
CDBCBC
A58D8E
000000
8B7B7C

Achromatopsia

F8F8F8
C0C0C0
9A9A9A
000000
878787

Shades & Tints Shades & Tints

#FCF7F2

Dark
Light

#CEB9BE

Dark
Light

#A69984

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcf7f2;
  --color-2: #ceb9be;
  --color-3: #a69984;
  --color-4: #000000;
  --color-5: #8b8a70;
}

SCSS

$color-1: #fcf7f2;
$color-2: #ceb9be;
$color-3: #a69984;
$color-4: #000000;
$color-5: #8b8a70;

TAILWIND

colors: {
  'brand-1': '#fcf7f2',
  'brand-2': '#ceb9be',
  'brand-3': '#a69984',
  'brand-4': '#000000',
  'brand-5': '#8b8a70',
}

RGB Array

[252, 247, 242], [206, 185, 190], [166, 153, 132], [0, 0, 0], [139, 138, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCF7F2, #CEB9BE, #A69984, #000000, #8B8A70 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: #fcf7f2; --color-2: #ceb9be; --color-3: #a69984; --color-4: #000000; --color-5: #8b8a70. 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