← Back to Editor

#FDEECF · #FFC41E · #565946 · #28483D · #354461

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

#FDEECF

Goose Yellow · Bisque · Lemon Cream

HEX
#FDEECF
RGB
rgb(253, 238, 207)
HSL
hsl(40, 92%, 90%)
HSB
hsb(40, 18%, 99%)
CMYK
cmyk(0%, 6%, 18%, 1%)
Oklch
oklch(95.3% 0.044 85.2)

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

#FFC41E

Ginger · Gold · Sunflower

HEX
#FFC41E
RGB
rgb(255, 196, 30)
HSL
hsl(44, 100%, 56%)
HSB
hsb(44, 88%, 100%)
CMYK
cmyk(0%, 23%, 88%, 0%)
Oklch
oklch(85.0% 0.169 85.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#565946

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#565946
RGB
rgb(86, 89, 70)
HSL
hsl(69, 12%, 31%)
HSB
hsb(69, 21%, 35%)
CMYK
cmyk(3%, 0%, 21%, 65%)
Oklch
oklch(45.6% 0.030 114.9)

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

#28483D

Mineral Blue · DarkSlateGray · Forest Green

HEX
#28483D
RGB
rgb(40, 72, 61)
HSL
hsl(159, 29%, 22%)
HSB
hsb(159, 44%, 28%)
CMYK
cmyk(44%, 0%, 15%, 72%)
Oklch
oklch(37.3% 0.043 169.9)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#354461

Indigo · DarkSlateGray · Prussian Blue

HEX
#354461
RGB
rgb(53, 68, 97)
HSL
hsl(220, 29%, 29%)
HSB
hsb(220, 45%, 38%)
CMYK
cmyk(45%, 30%, 0%, 62%)
Oklch
oklch(38.7% 0.053 263.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDEECF
CEDEFD

Analogous

FDD6CE
FDEECF
F5FDCE

Triadic

FDEECF
CEFDED
EDCEFD

Split-Comp.

FDEECF
CEF5FD
D6CEFD

Tetradic

FDEECF
CEFDD6
CEDEFD
FDCEF5

Contrast Matrix WCAG 2.1 Contrast

FDEECF
FFC41E
565946
28483D
354461
—
1.4
Fail
6.3
AA
8.8
AAA
8.5
AAA
1.4
Fail
—
4.5
AA
6.3
AA
6.1
AA
6.3
AA
4.5
AA
—
1.4
Fail
1.4
Fail
8.8
AAA
6.3
AA
1.4
Fail
—
1.0
Fail
8.5
AAA
6.1
AA
1.4
Fail
1.0
Fail
—
White BG
1.1Fail
1.6Fail
7.2AAA
10.1AAA
9.8AAA
Black BG
18.3AAA
13.2AAA
2.9Fail
2.1Fail
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F6D7
E5E546
57574B
363640
3B3C5A

Deuteranopia

F7F9D8
E9ED50
57574C
343240
3B3958

Tritanopia

FCDCDE
FC666D
564E4F
2A4242
365453

Achromatopsia

EFEFEF
C3C3C3
565656
3D3D3D
434343

Shades & Tints Shades & Tints

#FDEECF

Dark
Light

#FFC41E

Dark
Light

#565946

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdeecf;
  --color-2: #ffc41e;
  --color-3: #565946;
  --color-4: #28483d;
  --color-5: #354461;
}

SCSS

$color-1: #fdeecf;
$color-2: #ffc41e;
$color-3: #565946;
$color-4: #28483d;
$color-5: #354461;

TAILWIND

colors: {
  'brand-1': '#fdeecf',
  'brand-2': '#ffc41e',
  'brand-3': '#565946',
  'brand-4': '#28483d',
  'brand-5': '#354461',
}

RGB Array

[253, 238, 207], [255, 196, 30], [86, 89, 70], [40, 72, 61], [53, 68, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDEECF, #FFC41E, #565946, #28483D, #354461 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: #fdeecf; --color-2: #ffc41e; --color-3: #565946; --color-4: #28483d; --color-5: #354461. 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