← Back to Editor

#FFFEFC · #D9D9D9 · #95B02D · #442E11 · #FE4A55

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FFFEFC

Goose Yellow · White · Lemon Cream

HEX
#FFFEFC
RGB
rgb(255, 254, 252)
HSL
hsl(40, 100%, 99%)
HSB
hsb(40, 1%, 100%)
CMYK
cmyk(0%, 0%, 1%, 0%)
Oklch
oklch(99.7% 0.003 84.6)

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

#D9D9D9

Silver Gray · LightGray · Pearl Gray

HEX
#D9D9D9
RGB
rgb(217, 217, 217)
HSL
hsl(0, 0%, 85%)
HSB
hsb(0, 0%, 85%)
CMYK
cmyk(0%, 0%, 0%, 15%)
Oklch
oklch(88.5% 0.000 89.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#95B02D

Grass Green · DarkGoldenRod · Olive Green

HEX
#95B02D
RGB
rgb(149, 176, 45)
HSL
hsl(72, 59%, 43%)
HSB
hsb(72, 74%, 69%)
CMYK
cmyk(15%, 0%, 74%, 31%)
Oklch
oklch(71.3% 0.154 120.8)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#442E11

Ochre · DarkOliveGreen · Cinnamon

HEX
#442E11
RGB
rgb(68, 46, 17)
HSL
hsl(34, 60%, 17%)
HSB
hsb(34, 75%, 27%)
CMYK
cmyk(0%, 32%, 75%, 73%)
Oklch
oklch(32.1% 0.054 71.2)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#FE4A55

Peach Pink · Tomato · Coral Red

HEX
#FE4A55
RGB
rgb(254, 74, 85)
HSL
hsl(356, 99%, 64%)
HSB
hsb(356, 71%, 100%)
CMYK
cmyk(0%, 71%, 67%, 0%)
Oklch
oklch(67.0% 0.215 22.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFEFC
FAFCFF

Analogous

FFFBFA
FFFEFC
FEFFFA

Triadic

FFFEFC
FAFFFD
FDFAFF

Split-Comp.

FFFEFC
FAFEFF
FBFAFF

Tetradic

FFFEFC
FAFFFB
FAFCFF
FFFAFE

Contrast Matrix WCAG 2.1 Contrast

FFFEFC
D9D9D9
95B02D
442E11
FE4A55
—
1.4
Fail
2.4
Fail
12.7
AAA
3.3
AA Large
1.4
Fail
—
1.7
Fail
9.0
AAA
2.4
Fail
2.4
Fail
1.7
Fail
—
5.2
AA
1.3
Fail
12.7
AAA
9.0
AAA
5.2
AA
—
3.8
AA Large
3.3
AA Large
2.4
Fail
1.3
Fail
3.8
AA Large
—
White BG
1.0Fail
1.4Fail
2.5Fail
12.8AAA
3.3AA Large
Black BG
20.8AAA
14.9AAA
8.5AAA
1.6Fail
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFFC
D9D9D9
A1A14D
3A3A18
B0AE52

Deuteranopia

FFFFFD
D9D9D9
9F9D54
3C3D1A
BBC852

Tritanopia

FFFDFD
D9D9D9
96666B
431E1F
F55050

Achromatopsia

FEFEFE
D9D9D9
999999
313131
818181

Shades & Tints Shades & Tints

#FFFEFC

Dark
Light

#D9D9D9

Dark
Light

#95B02D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffefc;
  --color-2: #d9d9d9;
  --color-3: #95b02d;
  --color-4: #442e11;
  --color-5: #fe4a55;
}

SCSS

$color-1: #fffefc;
$color-2: #d9d9d9;
$color-3: #95b02d;
$color-4: #442e11;
$color-5: #fe4a55;

TAILWIND

colors: {
  'brand-1': '#fffefc',
  'brand-2': '#d9d9d9',
  'brand-3': '#95b02d',
  'brand-4': '#442e11',
  'brand-5': '#fe4a55',
}

RGB Array

[255, 254, 252], [217, 217, 217], [149, 176, 45], [68, 46, 17], [254, 74, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFEFC, #D9D9D9, #95B02D, #442E11, #FE4A55 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fffefc; --color-2: #d9d9d9; --color-3: #95b02d; --color-4: #442e11; --color-5: #fe4a55. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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