← Back to Editor

#FEFFD7 · #FEE490 · #F67C49 · #8E383B · #181830

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

#FEFFD7

Fresh Green · LightYellow · Lemon Cream

HEX
#FEFFD7
RGB
rgb(254, 255, 215)
HSL
hsl(61, 100%, 92%)
HSB
hsb(61, 16%, 100%)
CMYK
cmyk(0%, 0%, 16%, 0%)
Oklch
oklch(98.9% 0.052 108.5)

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

#FEE490

Goose Yellow · Khaki · Lemon Cream

HEX
#FEE490
RGB
rgb(254, 228, 144)
HSL
hsl(46, 98%, 78%)
HSB
hsb(46, 43%, 100%)
CMYK
cmyk(0%, 10%, 43%, 0%)
Oklch
oklch(92.2% 0.107 92.8)

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

#F67C49

Apricot · Coral · Warm Sun

HEX
#F67C49
RGB
rgb(246, 124, 73)
HSL
hsl(18, 91%, 63%)
HSB
hsb(18, 70%, 96%)
CMYK
cmyk(0%, 50%, 70%, 4%)
Oklch
oklch(71.7% 0.163 42.3)

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

#8E383B

Crimson · Brown · Wine Red

HEX
#8E383B
RGB
rgb(142, 56, 59)
HSL
hsl(358, 43%, 39%)
HSB
hsb(358, 61%, 56%)
CMYK
cmyk(0%, 61%, 58%, 44%)
Oklch
oklch(46.1% 0.117 20.8)

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

#181830

Deep Indigo · Black · Deep Sea Blue

HEX
#181830
RGB
rgb(24, 24, 48)
HSL
hsl(240, 33%, 14%)
HSB
hsb(240, 50%, 19%)
CMYK
cmyk(50%, 50%, 0%, 81%)
Oklch
oklch(22.3% 0.046 282.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEFFD7
D7D6FF

Analogous

FFEBD6
FEFFD7
EAFFD6

Triadic

FEFFD7
D6FEFF
FFD6FE

Split-Comp.

FEFFD7
D6EAFF
EBD6FF

Tetradic

FEFFD7
D6FFEB
D7D6FF
FFD6EA

Contrast Matrix WCAG 2.1 Contrast

FEFFD7
FEE490
F67C49
8E383B
181830
—
1.2
Fail
2.6
Fail
7.4
AAA
16.9
AAA
1.2
Fail
—
2.1
Fail
6.0
AA
13.8
AAA
2.6
Fail
2.1
Fail
—
2.8
Fail
6.5
AA
7.4
AAA
6.0
AA
2.8
Fail
—
2.3
Fail
16.9
AAA
13.8
AAA
6.5
AA
2.3
Fail
—
White BG
1.0Fail
1.3Fail
2.7Fail
7.6AAA
17.3AAA
Black BG
20.5AAA
16.7AAA
7.9AAA
2.8Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFEE1
F3F3A4
C1C055
69683A
18182A

Deuteranopia

FEFEE3
F4F6A9
C8D158
6E743A
181829

Tritanopia

FEE8EA
FDB4B8
F05F61
8A3A3A
182625

Achromatopsia

FAFAFA
E2E2E2
9B9B9B
525252
1B1B1B

Shades & Tints Shades & Tints

#FEFFD7

Dark
Light

#FEE490

Dark
Light

#F67C49

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #feffd7;
  --color-2: #fee490;
  --color-3: #f67c49;
  --color-4: #8e383b;
  --color-5: #181830;
}

SCSS

$color-1: #feffd7;
$color-2: #fee490;
$color-3: #f67c49;
$color-4: #8e383b;
$color-5: #181830;

TAILWIND

colors: {
  'brand-1': '#feffd7',
  'brand-2': '#fee490',
  'brand-3': '#f67c49',
  'brand-4': '#8e383b',
  'brand-5': '#181830',
}

RGB Array

[254, 255, 215], [254, 228, 144], [246, 124, 73], [142, 56, 59], [24, 24, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEFFD7, #FEE490, #F67C49, #8E383B, #181830 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: #feffd7; --color-2: #fee490; --color-3: #f67c49; --color-4: #8e383b; --color-5: #181830. 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