← Back to Editor

#FCFBF7 · #E8D6BE · #C3B19B · #8B7A73 · #41434F

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FCFBF7

Goose Yellow · Snow · Lemon Cream

HEX
#FCFBF7
RGB
rgb(252, 251, 247)
HSL
hsl(48, 45%, 98%)
HSB
hsb(48, 2%, 99%)
CMYK
cmyk(0%, 0%, 2%, 1%)
Oklch
oklch(98.8% 0.005 95.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E8D6BE

Goose Yellow · Wheat · Peach Orange

HEX
#E8D6BE
RGB
rgb(232, 214, 190)
HSL
hsl(34, 48%, 83%)
HSB
hsb(34, 18%, 91%)
CMYK
cmyk(0%, 8%, 18%, 9%)
Oklch
oklch(88.4% 0.038 75.1)

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

#C3B19B

Ginger · Tan · Warm Sun

HEX
#C3B19B
RGB
rgb(195, 177, 155)
HSL
hsl(33, 25%, 69%)
HSB
hsb(33, 21%, 76%)
CMYK
cmyk(0%, 9%, 21%, 24%)
Oklch
oklch(77.0% 0.037 72.8)

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

#8B7A73

Tangerine · Gray · Warm Gray

HEX
#8B7A73
RGB
rgb(139, 122, 115)
HSL
hsl(18, 9%, 50%)
HSB
hsb(18, 17%, 55%)
CMYK
cmyk(0%, 12%, 17%, 45%)
Oklch
oklch(59.3% 0.024 43.7)

Traditional「Tangerine」· Paint「Warm Gray」· Creative Urban Concrete

#41434F

Indigo · DarkSlateGray · Prussian Blue

HEX
#41434F
RGB
rgb(65, 67, 79)
HSL
hsl(231, 10%, 28%)
HSB
hsb(231, 18%, 31%)
CMYK
cmyk(18%, 15%, 0%, 69%)
Oklch
oklch(38.6% 0.020 277.9)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCFBF7
F8F9FC

Analogous

FCF9F8
FCFBF7
FBFCF8

Triadic

FCFBF7
F8FCFB
FBF8FC

Split-Comp.

FCFBF7
F8FBFC
F9F8FC

Tetradic

FCFBF7
F8FCF9
F8F9FC
FCF8FB

Contrast Matrix WCAG 2.1 Contrast

FCFBF7
E8D6BE
C3B19B
8B7A73
41434F
—
1.4
Fail
2.0
Fail
4.0
AA Large
9.5
AAA
1.4
Fail
—
1.5
Fail
2.9
Fail
6.9
AA
2.0
Fail
1.5
Fail
—
2.0
Fail
4.7
AA
4.0
AA Large
2.9
Fail
2.0
Fail
—
2.4
Fail
9.5
AAA
6.9
AA
4.7
AA
2.4
Fail
—
White BG
1.0Fail
1.4Fail
2.1Fail
4.1AA Large
9.8AAA
Black BG
20.3AAA
14.8AAA
10.1AAA
5.1AA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FCFCF8
E0E0C4
BBBBA0
848375
42424C

Deuteranopia

FCFCF8
E1E3C5
BCBEA2
858675
42424B

Tritanopia

FCF9F9
E7C8C9
C2A5A5
8A7676
414A49

Achromatopsia

FBFBFB
D9D9D9
B4B4B4
7E7E7E
444444

Shades & Tints Shades & Tints

#FCFBF7

Dark
Light

#E8D6BE

Dark
Light

#C3B19B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcfbf7;
  --color-2: #e8d6be;
  --color-3: #c3b19b;
  --color-4: #8b7a73;
  --color-5: #41434f;
}

SCSS

$color-1: #fcfbf7;
$color-2: #e8d6be;
$color-3: #c3b19b;
$color-4: #8b7a73;
$color-5: #41434f;

TAILWIND

colors: {
  'brand-1': '#fcfbf7',
  'brand-2': '#e8d6be',
  'brand-3': '#c3b19b',
  'brand-4': '#8b7a73',
  'brand-5': '#41434f',
}

RGB Array

[252, 251, 247], [232, 214, 190], [195, 177, 155], [139, 122, 115], [65, 67, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FCFBF7, #E8D6BE, #C3B19B, #8B7A73, #41434F is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #fcfbf7; --color-2: #e8d6be; --color-3: #c3b19b; --color-4: #8b7a73; --color-5: #41434f. 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 sunset-style 5-color scheme is especially suited for beauty, lifestyle, arts 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