← Back to Editor

#FCE8C7 · #F27853 · #89816E · #3F3E10 · #C4BF49

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

#FCE8C7

Goose Yellow · Bisque · Peach Orange

HEX
#FCE8C7
RGB
rgb(252, 232, 199)
HSL
hsl(37, 90%, 88%)
HSB
hsb(37, 21%, 99%)
CMYK
cmyk(0%, 8%, 21%, 1%)
Oklch
oklch(93.9% 0.048 80.3)

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

#F27853

Peach Pink · Coral · Coral Red

HEX
#F27853
RGB
rgb(242, 120, 83)
HSL
hsl(14, 86%, 64%)
HSB
hsb(14, 66%, 95%)
CMYK
cmyk(0%, 50%, 66%, 5%)
Oklch
oklch(70.7% 0.159 37.6)

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

#89816E

Ochre · Gray · Honey Gold

HEX
#89816E
RGB
rgb(137, 129, 110)
HSL
hsl(42, 11%, 48%)
HSB
hsb(42, 20%, 54%)
CMYK
cmyk(0%, 6%, 20%, 46%)
Oklch
oklch(60.5% 0.029 87.9)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#3F3E10

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#3F3E10
RGB
rgb(63, 62, 16)
HSL
hsl(59, 59%, 15%)
HSB
hsb(59, 75%, 25%)
CMYK
cmyk(0%, 2%, 75%, 75%)
Oklch
oklch(35.5% 0.065 108.1)

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

#C4BF49

Autumn Sage · GoldenRod · Sunflower

HEX
#C4BF49
RGB
rgb(196, 191, 73)
HSL
hsl(58, 51%, 53%)
HSB
hsb(58, 63%, 77%)
CMYK
cmyk(0%, 3%, 63%, 23%)
Oklch
oklch(78.7% 0.138 106.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCE8C7
C5DAFC

Analogous

FCCBC5
FCE8C7
F6FCC5

Triadic

FCE8C7
C5FCE7
E7C5FC

Split-Comp.

FCE8C7
C5F6FC
CBC5FC

Tetradic

FCE8C7
C5FCCB
C5DAFC
FCC5F6

Contrast Matrix WCAG 2.1 Contrast

FCE8C7
F27853
89816E
3F3E10
C4BF49
—
2.3
Fail
3.2
AA Large
9.2
AAA
1.6
Fail
2.3
Fail
—
1.4
Fail
4.0
AA Large
1.4
Fail
3.2
AA Large
1.4
Fail
—
2.8
Fail
2.0
Fail
9.2
AAA
4.0
AA Large
2.8
Fail
—
5.7
AA
1.6
Fail
1.4
Fail
2.0
Fail
5.7
AA
—
White BG
1.2Fail
2.8Fail
3.9AA Large
11.0AAA
1.9Fail
Black BG
17.5AAA
7.6AAA
5.4AA
1.9Fail
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3CF
BDBC5C
868573
3F3F1B
C2C266

Deuteranopia

F5F6D1
C4CD5E
868774
3F3F1E
C2C36C

Tritanopia

FBD5D7
EC6365
897677
3F2426
C47C81

Achromatopsia

EAEAEA
989898
818181
393939
B3B3B3

Shades & Tints Shades & Tints

#FCE8C7

Dark
Light

#F27853

Dark
Light

#89816E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fce8c7;
  --color-2: #f27853;
  --color-3: #89816e;
  --color-4: #3f3e10;
  --color-5: #c4bf49;
}

SCSS

$color-1: #fce8c7;
$color-2: #f27853;
$color-3: #89816e;
$color-4: #3f3e10;
$color-5: #c4bf49;

TAILWIND

colors: {
  'brand-1': '#fce8c7',
  'brand-2': '#f27853',
  'brand-3': '#89816e',
  'brand-4': '#3f3e10',
  'brand-5': '#c4bf49',
}

RGB Array

[252, 232, 199], [242, 120, 83], [137, 129, 110], [63, 62, 16], [196, 191, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCE8C7, #F27853, #89816E, #3F3E10, #C4BF49 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: #fce8c7; --color-2: #f27853; --color-3: #89816e; --color-4: #3f3e10; --color-5: #c4bf49. 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