← Back to Editor

#FEDFB1 · #C9CEA5 · #BDB795 · #8A8E73 · #73604F

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

#FEDFB1

Goose Yellow · Wheat · Peach Orange

HEX
#FEDFB1
RGB
rgb(254, 223, 177)
HSL
hsl(36, 97%, 85%)
HSB
hsb(36, 30%, 100%)
CMYK
cmyk(0%, 12%, 30%, 0%)
Oklch
oklch(91.8% 0.069 77.5)

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

#C9CEA5

Fresh Green · Silver · Sunflower

HEX
#C9CEA5
RGB
rgb(201, 206, 165)
HSL
hsl(67, 29%, 73%)
HSB
hsb(67, 20%, 81%)
CMYK
cmyk(2%, 0%, 20%, 19%)
Oklch
oklch(83.7% 0.055 113.2)

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

#BDB795

Fresh Green · Tan · Sunflower

HEX
#BDB795
RGB
rgb(189, 183, 149)
HSL
hsl(51, 23%, 66%)
HSB
hsb(51, 21%, 74%)
CMYK
cmyk(0%, 3%, 21%, 26%)
Oklch
oklch(77.5% 0.047 99.1)

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

#8A8E73

Autumn Sage · Gray · Honey Gold

HEX
#8A8E73
RGB
rgb(138, 142, 115)
HSL
hsl(69, 11%, 50%)
HSB
hsb(69, 19%, 56%)
CMYK
cmyk(3%, 0%, 19%, 44%)
Oklch
oklch(63.6% 0.039 114.4)

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

#73604F

Tangerine · DimGray · Amber Brown

HEX
#73604F
RGB
rgb(115, 96, 79)
HSL
hsl(28, 19%, 38%)
HSB
hsb(28, 31%, 45%)
CMYK
cmyk(0%, 17%, 31%, 55%)
Oklch
oklch(50.3% 0.036 63.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEDFB1
B4D1FE

Analogous

FEBBB4
FEDFB1
F6FEB4

Triadic

FEDFB1
B4FEE0
E0B4FE

Split-Comp.

FEDFB1
B4F6FE
BBB4FE

Tetradic

FEDFB1
B4FEBB
B4D1FE
FEB4F6

Contrast Matrix WCAG 2.1 Contrast

FEDFB1
C9CEA5
BDB795
8A8E73
73604F
—
1.3
Fail
1.6
Fail
2.6
Fail
4.7
AA
1.3
Fail
—
1.2
Fail
2.1
Fail
3.7
AA Large
1.6
Fail
1.2
Fail
—
1.7
Fail
3.0
Fail
2.6
Fail
2.1
Fail
1.7
Fail
—
1.8
Fail
4.7
AA
3.7
AA Large
3.0
Fail
1.8
Fail
—
White BG
1.3Fail
1.6Fail
2.0Fail
3.4AA Large
6.0AA
Black BG
16.4AAA
12.9AAA
10.4AAA
6.2AA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F0BC
CBCBAF
BABA9D
8C8C7A
6B6B53

Deuteranopia

F2F5BF
CBCBB1
BBBB9F
8C8B7B
6C6D54

Tritanopia

FCC5C7
C9B7B8
BDA4A5
8A7F80
725657

Achromatopsia

E3E3E3
C8C8C8
B5B5B5
8A8A8A
646464

Shades & Tints Shades & Tints

#FEDFB1

Dark
Light

#C9CEA5

Dark
Light

#BDB795

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fedfb1;
  --color-2: #c9cea5;
  --color-3: #bdb795;
  --color-4: #8a8e73;
  --color-5: #73604f;
}

SCSS

$color-1: #fedfb1;
$color-2: #c9cea5;
$color-3: #bdb795;
$color-4: #8a8e73;
$color-5: #73604f;

TAILWIND

colors: {
  'brand-1': '#fedfb1',
  'brand-2': '#c9cea5',
  'brand-3': '#bdb795',
  'brand-4': '#8a8e73',
  'brand-5': '#73604f',
}

RGB Array

[254, 223, 177], [201, 206, 165], [189, 183, 149], [138, 142, 115], [115, 96, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEDFB1, #C9CEA5, #BDB795, #8A8E73, #73604F 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: #fedfb1; --color-2: #c9cea5; --color-3: #bdb795; --color-4: #8a8e73; --color-5: #73604f. 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