← Back to Editor

#FAE095 · #F6B28D · #E61278 · #1E012D · #C7B549

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

#FAE095

Goose Yellow · Khaki · Lemon Cream

HEX
#FAE095
RGB
rgb(250, 224, 149)
HSL
hsl(45, 91%, 78%)
HSB
hsb(45, 40%, 98%)
CMYK
cmyk(0%, 10%, 40%, 2%)
Oklch
oklch(91.1% 0.098 91.1)

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

#F6B28D

Apricot · BurlyWood · Peach Orange

HEX
#F6B28D
RGB
rgb(246, 178, 141)
HSL
hsl(21, 85%, 76%)
HSB
hsb(21, 43%, 96%)
CMYK
cmyk(0%, 28%, 43%, 4%)
Oklch
oklch(81.9% 0.094 49.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E61278

Dark Violet · MediumVioletRed · Camellia

HEX
#E61278
RGB
rgb(230, 18, 120)
HSL
hsl(331, 85%, 49%)
HSB
hsb(331, 92%, 90%)
CMYK
cmyk(0%, 92%, 48%, 10%)
Oklch
oklch(60.2% 0.237 1.2)

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

#1E012D

Royal Purple · Black · Dark Purple

HEX
#1E012D
RGB
rgb(30, 1, 45)
HSL
hsl(280, 96%, 9%)
HSB
hsb(280, 98%, 18%)
CMYK
cmyk(33%, 98%, 0%, 82%)
Oklch
oklch(18.1% 0.087 311.3)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#C7B549

Autumn Sage · GoldenRod · Sunflower

HEX
#C7B549
RGB
rgb(199, 181, 73)
HSL
hsl(51, 53%, 53%)
HSB
hsb(51, 63%, 78%)
CMYK
cmyk(0%, 9%, 63%, 22%)
Oklch
oklch(76.8% 0.129 99.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAE095
94ADFA

Analogous

FAAD94
FAE095
E0FA94

Triadic

FAE095
94FAE0
E094FA

Split-Comp.

FAE095
94E0FA
AD94FA

Tetradic

FAE095
94FAAD
94ADFA
FA94E0

Contrast Matrix WCAG 2.1 Contrast

FAE095
F6B28D
E61278
1E012D
C7B549
—
1.4
Fail
3.4
AA Large
14.7
AAA
1.6
Fail
1.4
Fail
—
2.5
Fail
10.6
AAA
1.2
Fail
3.4
AA Large
2.5
Fail
—
4.3
AA Large
2.1
Fail
14.7
AAA
10.6
AAA
4.3
AA Large
—
9.2
AAA
1.6
Fail
1.2
Fail
2.1
Fail
9.2
AAA
—
White BG
1.3Fail
1.8Fail
4.4AA Large
19.1AAA
2.1Fail
Black BG
16.2AAA
11.7AAA
4.7AA
1.1Fail
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFA7
D9D896
8A885F
111122
BFBF63

Deuteranopia

F0F2AC
DDE298
97A659
131520
C0C269

Tritanopia

F9B5B9
F39D9F
DB4C48
1D1A18
C6787C

Achromatopsia

DFDFDF
C2C2C2
5D5D5D
0F0F0F
AEAEAE

Shades & Tints Shades & Tints

#FAE095

Dark
Light

#F6B28D

Dark
Light

#E61278

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fae095;
  --color-2: #f6b28d;
  --color-3: #e61278;
  --color-4: #1e012d;
  --color-5: #c7b549;
}

SCSS

$color-1: #fae095;
$color-2: #f6b28d;
$color-3: #e61278;
$color-4: #1e012d;
$color-5: #c7b549;

TAILWIND

colors: {
  'brand-1': '#fae095',
  'brand-2': '#f6b28d',
  'brand-3': '#e61278',
  'brand-4': '#1e012d',
  'brand-5': '#c7b549',
}

RGB Array

[250, 224, 149], [246, 178, 141], [230, 18, 120], [30, 1, 45], [199, 181, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAE095, #F6B28D, #E61278, #1E012D, #C7B549 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: #fae095; --color-2: #f6b28d; --color-3: #e61278; --color-4: #1e012d; --color-5: #c7b549. 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