← Back to Editor

#FBF8E7 · #D2D971 · #F46C60 · #742044 · #040301

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

#FBF8E7

Fresh Green · Linen · Lemon Cream

HEX
#FBF8E7
RGB
rgb(251, 248, 231)
HSL
hsl(51, 71%, 95%)
HSB
hsb(51, 8%, 98%)
CMYK
cmyk(0%, 1%, 8%, 2%)
Oklch
oklch(97.7% 0.023 98.6)

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

#D2D971

Fresh Green · BurlyWood · Sunflower

HEX
#D2D971
RGB
rgb(210, 217, 113)
HSL
hsl(64, 58%, 65%)
HSB
hsb(64, 48%, 85%)
CMYK
cmyk(3%, 0%, 48%, 15%)
Oklch
oklch(85.8% 0.128 112.2)

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

#F46C60

Peach Pink · Coral · Coral Red

HEX
#F46C60
RGB
rgb(244, 108, 96)
HSL
hsl(5, 87%, 67%)
HSB
hsb(5, 61%, 96%)
CMYK
cmyk(0%, 56%, 61%, 4%)
Oklch
oklch(69.5% 0.170 27.4)

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

#742044

Dark Violet · Brown · Camellia

HEX
#742044
RGB
rgb(116, 32, 68)
HSL
hsl(334, 57%, 29%)
HSB
hsb(334, 72%, 45%)
CMYK
cmyk(0%, 72%, 41%, 55%)
Oklch
oklch(38.8% 0.122 358.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#040301

Ochre · Black · Amber Gold

HEX
#040301
RGB
rgb(4, 3, 1)
HSL
hsl(40, 60%, 1%)
HSB
hsb(40, 75%, 2%)
CMYK
cmyk(0%, 25%, 75%, 98%)
Oklch
oklch(9.8% 0.012 90.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBF8E7
E9ECFB

Analogous

FBF0E9
FBF8E7
F5FBE9

Triadic

FBF8E7
E9FBF9
F9E9FB

Split-Comp.

FBF8E7
E9F5FB
F0E9FB

Tetradic

FBF8E7
E9FBF0
E9ECFB
FBE9F5

Contrast Matrix WCAG 2.1 Contrast

FBF8E7
D2D971
F46C60
742044
040301
—
1.4
Fail
2.7
Fail
9.7
AAA
19.3
AAA
1.4
Fail
—
1.9
Fail
6.8
AA
13.6
AAA
2.7
Fail
1.9
Fail
—
3.5
AA Large
7.0
AAA
9.7
AAA
6.8
AA
3.5
AA Large
—
2.0
Fail
19.3
AAA
13.6
AAA
7.0
AAA
2.0
Fail
—
White BG
1.1Fail
1.5Fail
2.9Fail
10.3AAA
20.6AAA
Black BG
19.7AAA
13.9AAA
7.2AAA
2.0Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FAFAEB
D5D58A
B9B863
504F3B
040401

Deuteranopia

FAFAEC
D5D490
C1CB64
555B39
040402

Tritanopia

FBEEEF
D29EA2
ED6566
703433
040202

Achromatopsia

F7F7F7
CBCBCB
939393
3D3D3D
030303

Shades & Tints Shades & Tints

#FBF8E7

Dark
Light

#D2D971

Dark
Light

#F46C60

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbf8e7;
  --color-2: #d2d971;
  --color-3: #f46c60;
  --color-4: #742044;
  --color-5: #040301;
}

SCSS

$color-1: #fbf8e7;
$color-2: #d2d971;
$color-3: #f46c60;
$color-4: #742044;
$color-5: #040301;

TAILWIND

colors: {
  'brand-1': '#fbf8e7',
  'brand-2': '#d2d971',
  'brand-3': '#f46c60',
  'brand-4': '#742044',
  'brand-5': '#040301',
}

RGB Array

[251, 248, 231], [210, 217, 113], [244, 108, 96], [116, 32, 68], [4, 3, 1]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBF8E7, #D2D971, #F46C60, #742044, #040301 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: #fbf8e7; --color-2: #d2d971; --color-3: #f46c60; --color-4: #742044; --color-5: #040301. 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