← Back to Editor

#FEFAD7 · #D4D1BE · #C2A198 · #403A3E · #77848C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FEFAD7

Fresh Green · LightYellow · Lemon Cream

HEX
#FEFAD7
RGB
rgb(254, 250, 215)
HSL
hsl(54, 95%, 92%)
HSB
hsb(54, 15%, 100%)
CMYK
cmyk(0%, 2%, 15%, 0%)
Oklch
oklch(97.9% 0.046 101.8)

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

#D4D1BE

Fresh Green · LightGray · Lemon Cream

HEX
#D4D1BE
RGB
rgb(212, 209, 190)
HSL
hsl(52, 20%, 79%)
HSB
hsb(52, 10%, 83%)
CMYK
cmyk(0%, 1%, 10%, 17%)
Oklch
oklch(85.8% 0.026 99.6)

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

#C2A198

Peach Pink · Tan · Coral Red

HEX
#C2A198
RGB
rgb(194, 161, 152)
HSL
hsl(13, 26%, 68%)
HSB
hsb(13, 22%, 76%)
CMYK
cmyk(0%, 17%, 22%, 24%)
Oklch
oklch(73.6% 0.041 35.7)

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

#403A3E

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#403A3E
RGB
rgb(64, 58, 62)
HSL
hsl(320, 5%, 24%)
HSB
hsb(320, 9%, 25%)
CMYK
cmyk(0%, 9%, 3%, 75%)
Oklch
oklch(35.6% 0.011 337.9)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#77848C

Slate Blue · SlateGray · Warm Gray

HEX
#77848C
RGB
rgb(119, 132, 140)
HSL
hsl(203, 8%, 51%)
HSB
hsb(203, 15%, 55%)
CMYK
cmyk(15%, 6%, 0%, 45%)
Oklch
oklch(60.5% 0.020 234.7)

Traditional「Slate Blue」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEFAD7
D7DBFE

Analogous

FEE7D7
FEFAD7
EEFED7

Triadic

FEFAD7
D7FEFA
FAD7FE

Split-Comp.

FEFAD7
D7EEFE
E7D7FE

Tetradic

FEFAD7
D7FEE7
D7DBFE
FED7EE

Contrast Matrix WCAG 2.1 Contrast

FEFAD7
D4D1BE
C2A198
403A3E
77848C
—
1.5
Fail
2.2
Fail
10.5
AAA
3.6
AA Large
1.5
Fail
—
1.5
Fail
7.2
AAA
2.5
Fail
2.2
Fail
1.5
Fail
—
4.7
AA
1.6
Fail
10.5
AAA
7.2
AAA
4.7
AA
—
2.9
Fail
3.6
AA Large
2.5
Fail
1.6
Fail
2.9
Fail
—
White BG
1.1Fail
1.5Fail
2.4Fail
11.1AAA
3.8AA Large
Black BG
19.9AAA
13.7AAA
8.8AAA
1.9Fail
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FCFCDF
D3D3C3
B4B39A
3D3D3D
7D7D8A

Deuteranopia

FDFDE2
D3D3C4
B6B89B
3E3E3D
7C7B8A

Tritanopia

FEE6E8
D4C6C7
C09C9C
403C3C
788988

Achromatopsia

F7F7F7
D0D0D0
AAAAAA
3C3C3C
818181

Shades & Tints Shades & Tints

#FEFAD7

Dark
Light

#D4D1BE

Dark
Light

#C2A198

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fefad7;
  --color-2: #d4d1be;
  --color-3: #c2a198;
  --color-4: #403a3e;
  --color-5: #77848c;
}

SCSS

$color-1: #fefad7;
$color-2: #d4d1be;
$color-3: #c2a198;
$color-4: #403a3e;
$color-5: #77848c;

TAILWIND

colors: {
  'brand-1': '#fefad7',
  'brand-2': '#d4d1be',
  'brand-3': '#c2a198',
  'brand-4': '#403a3e',
  'brand-5': '#77848c',
}

RGB Array

[254, 250, 215], [212, 209, 190], [194, 161, 152], [64, 58, 62], [119, 132, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEFAD7, #D4D1BE, #C2A198, #403A3E, #77848C is ideal for: 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: #fefad7; --color-2: #d4d1be; --color-3: #c2a198; --color-4: #403a3e; --color-5: #77848c. 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. 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