← Back to Editor

#FDF5D5 · #EBA78D · #B98D30 · #8B477E · #370061

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

#FDF5D5

Goose Yellow · Beige · Lemon Cream

HEX
#FDF5D5
RGB
rgb(253, 245, 213)
HSL
hsl(48, 91%, 91%)
HSB
hsb(48, 16%, 99%)
CMYK
cmyk(0%, 3%, 16%, 1%)
Oklch
oklch(96.8% 0.043 95.5)

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

#EBA78D

Apricot · BurlyWood · Warm Sun

HEX
#EBA78D
RGB
rgb(235, 167, 141)
HSL
hsl(17, 70%, 74%)
HSB
hsb(17, 40%, 92%)
CMYK
cmyk(0%, 29%, 40%, 8%)
Oklch
oklch(78.7% 0.089 41.8)

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

#B98D30

Ochre · DarkGoldenRod · Honey Gold

HEX
#B98D30
RGB
rgb(185, 141, 48)
HSL
hsl(41, 59%, 46%)
HSB
hsb(41, 74%, 73%)
CMYK
cmyk(0%, 24%, 74%, 27%)
Oklch
oklch(66.9% 0.119 82.3)

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

#8B477E

Rose Purple · DimGray · Violet

HEX
#8B477E
RGB
rgb(139, 71, 126)
HSL
hsl(311, 32%, 41%)
HSB
hsb(311, 49%, 55%)
CMYK
cmyk(0%, 49%, 9%, 45%)
Oklch
oklch(50.1% 0.117 334.8)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#370061

Royal Purple · MidnightBlue · Dark Purple

HEX
#370061
RGB
rgb(55, 0, 97)
HSL
hsl(274, 100%, 19%)
HSB
hsb(274, 100%, 38%)
CMYK
cmyk(43%, 100%, 0%, 62%)
Oklch
oklch(27.6% 0.146 302.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDF5D5
D3DCFD

Analogous

FDE0D3
FDF5D5
F0FDD3

Triadic

FDF5D5
D3FDF5
F5D3FD

Split-Comp.

FDF5D5
D3F0FD
E0D3FD

Tetradic

FDF5D5
D3FDE0
D3DCFD
FDD3F0

Contrast Matrix WCAG 2.1 Contrast

FDF5D5
EBA78D
B98D30
8B477E
370061
—
1.8
Fail
2.8
Fail
5.8
AA
14.4
AAA
1.8
Fail
—
1.5
Fail
3.2
AA Large
7.8
AAA
2.8
Fail
1.5
Fail
—
2.1
Fail
5.2
AA
5.8
AA
3.2
AA Large
2.1
Fail
—
2.5
Fail
14.4
AAA
7.8
AAA
5.2
AA
2.5
Fail
—
White BG
1.1Fail
2.0Fail
3.0AA Large
6.4AA
15.7AAA
Black BG
19.2AAA
10.4AAA
6.9AA
3.3AA Large
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FAF9DD
CECD93
A6A647
6E6D71
1F1F4A

Deuteranopia

FAFBDF
D2D795
A9AC4C
72776D
222744

Tritanopia

FDE3E4
E89899
B7585C
886664
343733

Achromatopsia

F4F4F4
B8B8B8
909090
626262
1C1C1C

Shades & Tints Shades & Tints

#FDF5D5

Dark
Light

#EBA78D

Dark
Light

#B98D30

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdf5d5;
  --color-2: #eba78d;
  --color-3: #b98d30;
  --color-4: #8b477e;
  --color-5: #370061;
}

SCSS

$color-1: #fdf5d5;
$color-2: #eba78d;
$color-3: #b98d30;
$color-4: #8b477e;
$color-5: #370061;

TAILWIND

colors: {
  'brand-1': '#fdf5d5',
  'brand-2': '#eba78d',
  'brand-3': '#b98d30',
  'brand-4': '#8b477e',
  'brand-5': '#370061',
}

RGB Array

[253, 245, 213], [235, 167, 141], [185, 141, 48], [139, 71, 126], [55, 0, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDF5D5, #EBA78D, #B98D30, #8B477E, #370061 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: #fdf5d5; --color-2: #eba78d; --color-3: #b98d30; --color-4: #8b477e; --color-5: #370061. 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