← Back to Editor

#FCFEDE · #E9EADF · #333635 · #B55578 · #F28D61

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

#FCFEDE

Fresh Green · LightYellow · Lemon Cream

HEX
#FCFEDE
RGB
rgb(252, 254, 222)
HSL
hsl(64, 94%, 93%)
HSB
hsb(64, 13%, 100%)
CMYK
cmyk(1%, 0%, 13%, 0%)
Oklch
oklch(98.7% 0.042 110.1)

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

#E9EADF

Fresh Green · Beige · Lemon Cream

HEX
#E9EADF
RGB
rgb(233, 234, 223)
HSL
hsl(65, 21%, 90%)
HSB
hsb(65, 5%, 92%)
CMYK
cmyk(0%, 0%, 5%, 8%)
Oklch
oklch(93.3% 0.015 110.9)

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

#333635

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#333635
RGB
rgb(51, 54, 53)
HSL
hsl(160, 3%, 21%)
HSB
hsb(160, 6%, 21%)
CMYK
cmyk(6%, 0%, 2%, 79%)
Oklch
oklch(33.0% 0.004 174.2)

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

#B55578

Dark Violet · MediumVioletRed · Rose Pink

HEX
#B55578
RGB
rgb(181, 85, 120)
HSL
hsl(338, 39%, 52%)
HSB
hsb(338, 53%, 71%)
CMYK
cmyk(0%, 53%, 34%, 29%)
Oklch
oklch(57.8% 0.130 359.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#F28D61

Apricot · Salmon · Warm Sun

HEX
#F28D61
RGB
rgb(242, 141, 97)
HSL
hsl(18, 85%, 66%)
HSB
hsb(18, 60%, 95%)
CMYK
cmyk(0%, 42%, 60%, 5%)
Oklch
oklch(74.2% 0.136 43.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCFEDE
DFDCFE

Analogous

FEEFDC
FCFEDE
EBFEDC

Triadic

FCFEDE
DCFCFE
FEDCFC

Split-Comp.

FCFEDE
DCEBFE
EFDCFE

Tetradic

FCFEDE
DCFEEF
DFDCFE
FEDCEB

Contrast Matrix WCAG 2.1 Contrast

FCFEDE
E9EADF
333635
B55578
F28D61
—
1.2
Fail
11.8
AAA
4.5
AA Large
2.3
Fail
1.2
Fail
—
10.1
AAA
3.8
AA Large
2.0
Fail
11.8
AAA
10.1
AAA
—
2.6
Fail
5.1
AA
4.5
AA Large
3.8
AA Large
2.6
Fail
—
1.9
Fail
2.3
Fail
2.0
Fail
5.1
AA
1.9
Fail
—
White BG
1.0Fail
1.2Fail
12.2AAA
4.6AA
2.4Fail
Black BG
20.4AAA
17.3AAA
1.7Fail
4.5AA
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDE6
E9E9E2
343435
8B8B70
C6C56C

Deuteranopia

FDFDE8
E9E9E2
343435
91986E
CCD46E

Tritanopia

FCECED
E9E4E4
333535
B06967
ED7476

Achromatopsia

FAFAFA
E8E8E8
353535
767676
A6A6A6

Shades & Tints Shades & Tints

#FCFEDE

Dark
Light

#E9EADF

Dark
Light

#333635

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcfede;
  --color-2: #e9eadf;
  --color-3: #333635;
  --color-4: #b55578;
  --color-5: #f28d61;
}

SCSS

$color-1: #fcfede;
$color-2: #e9eadf;
$color-3: #333635;
$color-4: #b55578;
$color-5: #f28d61;

TAILWIND

colors: {
  'brand-1': '#fcfede',
  'brand-2': '#e9eadf',
  'brand-3': '#333635',
  'brand-4': '#b55578',
  'brand-5': '#f28d61',
}

RGB Array

[252, 254, 222], [233, 234, 223], [51, 54, 53], [181, 85, 120], [242, 141, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCFEDE, #E9EADF, #333635, #B55578, #F28D61 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: #fcfede; --color-2: #e9eadf; --color-3: #333635; --color-4: #b55578; --color-5: #f28d61. 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