← Back to Editor

#FBF5AB · #E9DE8C · #0E0728 · #D27661 · #FF987C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FBF5AB

Fresh Green · Wheat · Lemon Cream

HEX
#FBF5AB
RGB
rgb(251, 245, 171)
HSL
hsl(56, 91%, 83%)
HSB
hsb(56, 32%, 98%)
CMYK
cmyk(0%, 2%, 32%, 2%)
Oklch
oklch(95.8% 0.093 104.1)

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

#E9DE8C

Fresh Green · Khaki · Sunflower

HEX
#E9DE8C
RGB
rgb(233, 222, 140)
HSL
hsl(53, 68%, 73%)
HSB
hsb(53, 40%, 91%)
CMYK
cmyk(0%, 5%, 40%, 9%)
Oklch
oklch(89.1% 0.104 101.6)

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

#0E0728

Deep Indigo · Black · Deep Sea Blue

HEX
#0E0728
RGB
rgb(14, 7, 40)
HSL
hsl(253, 70%, 9%)
HSB
hsb(253, 83%, 16%)
CMYK
cmyk(65%, 83%, 0%, 84%)
Oklch
oklch(16.5% 0.065 287.2)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#D27661

Crimson · LightCoral · Passion Red

HEX
#D27661
RGB
rgb(210, 118, 97)
HSL
hsl(11, 56%, 60%)
HSB
hsb(11, 54%, 82%)
CMYK
cmyk(0%, 44%, 54%, 18%)
Oklch
oklch(66.3% 0.120 33.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#FF987C

Peach Pink · LightSalmon · Coral Red

HEX
#FF987C
RGB
rgb(255, 152, 124)
HSL
hsl(13, 100%, 74%)
HSB
hsb(13, 51%, 100%)
CMYK
cmyk(0%, 40%, 51%, 0%)
Oklch
oklch(78.1% 0.130 36.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBF5AB
ACB1FB

Analogous

FBCEAC
FBF5AB
D9FBAC

Triadic

FBF5AB
ACFBF6
F6ACFB

Split-Comp.

FBF5AB
ACD9FB
CEACFB

Tetradic

FBF5AB
ACFBCE
ACB1FB
FBACD9

Contrast Matrix WCAG 2.1 Contrast

FBF5AB
E9DE8C
0E0728
D27661
FF987C
—
1.2
Fail
17.4
AAA
2.9
Fail
1.9
Fail
1.2
Fail
—
14.2
AAA
2.4
Fail
1.5
Fail
17.4
AAA
14.2
AAA
—
6.0
AA
9.3
AAA
2.9
Fail
2.4
Fail
6.0
AA
—
1.5
Fail
1.9
Fail
1.5
Fail
9.3
AAA
1.5
Fail
—
White BG
1.1Fail
1.4Fail
19.4AAA
3.2AA Large
2.1Fail
Black BG
18.8AAA
15.3AAA
1.1Fail
6.5AA
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F8BD
E4E4A0
0B0B20
AAA966
D2D183

Deuteranopia

F9F9C1
E5E6A5
0B0C1E
B0B667
D8E084

Tritanopia

FBCBCE
E8B0B3
0E1A18
CD6A6B
FA8889

Achromatopsia

EEEEEE
D8D8D8
0D0D0D
8F8F8F
B4B4B4

Shades & Tints Shades & Tints

#FBF5AB

Dark
Light

#E9DE8C

Dark
Light

#0E0728

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbf5ab;
  --color-2: #e9de8c;
  --color-3: #0e0728;
  --color-4: #d27661;
  --color-5: #ff987c;
}

SCSS

$color-1: #fbf5ab;
$color-2: #e9de8c;
$color-3: #0e0728;
$color-4: #d27661;
$color-5: #ff987c;

TAILWIND

colors: {
  'brand-1': '#fbf5ab',
  'brand-2': '#e9de8c',
  'brand-3': '#0e0728',
  'brand-4': '#d27661',
  'brand-5': '#ff987c',
}

RGB Array

[251, 245, 171], [233, 222, 140], [14, 7, 40], [210, 118, 97], [255, 152, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBF5AB, #E9DE8C, #0E0728, #D27661, #FF987C 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: #fbf5ab; --color-2: #e9de8c; --color-3: #0e0728; --color-4: #d27661; --color-5: #ff987c. 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