← Back to Editor

#FDF5D1 · #FF7621 · #AC0972 · #270442 · #0C0816

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

#FDF5D1

Goose Yellow · Beige · Lemon Cream

HEX
#FDF5D1
RGB
rgb(253, 245, 209)
HSL
hsl(49, 92%, 91%)
HSB
hsb(49, 17%, 99%)
CMYK
cmyk(0%, 3%, 17%, 1%)
Oklch
oklch(96.7% 0.048 96.8)

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

#FF7621

Tangerine · Tomato · Warm Sun

HEX
#FF7621
RGB
rgb(255, 118, 33)
HSL
hsl(23, 100%, 56%)
HSB
hsb(23, 87%, 100%)
CMYK
cmyk(0%, 54%, 87%, 0%)
Oklch
oklch(71.8% 0.188 46.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#AC0972

Rose Purple · MediumVioletRed · Camellia

HEX
#AC0972
RGB
rgb(172, 9, 114)
HSL
hsl(321, 90%, 35%)
HSB
hsb(321, 95%, 67%)
CMYK
cmyk(0%, 95%, 34%, 33%)
Oklch
oklch(49.4% 0.202 349.6)

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

#270442

Royal Purple · MidnightBlue · Dark Purple

HEX
#270442
RGB
rgb(39, 4, 66)
HSL
hsl(274, 89%, 14%)
HSB
hsb(274, 94%, 26%)
CMYK
cmyk(41%, 94%, 0%, 74%)
Oklch
oklch(22.3% 0.107 304.3)

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

#0C0816

Deep Indigo · Black · Deep Sea Blue

HEX
#0C0816
RGB
rgb(12, 8, 22)
HSL
hsl(257, 47%, 6%)
HSB
hsb(257, 64%, 9%)
CMYK
cmyk(45%, 64%, 0%, 91%)
Oklch
oklch(14.8% 0.030 296.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

FDF5D1
D3DBFD

Analogous

FDE0D3
FDF5D1
F0FDD3

Triadic

FDF5D1
D3FDF5
F5D3FD

Split-Comp.

FDF5D1
D3F0FD
E0D3FD

Tetradic

FDF5D1
D3FDE0
D3DBFD
FDD3F0

Contrast Matrix WCAG 2.1 Contrast

FDF5D1
FF7621
AC0972
270442
0C0816
—
2.4
Fail
6.3
AA
16.2
AAA
18.0
AAA
2.4
Fail
—
2.6
Fail
6.7
AA
7.4
AAA
6.3
AA
2.6
Fail
—
2.6
Fail
2.9
Fail
16.2
AAA
6.7
AA
2.6
Fail
—
1.1
Fail
18.0
AAA
7.4
AAA
2.9
Fail
1.1
Fail
—
White BG
1.1Fail
2.7Fail
6.9AA
17.8AAA
19.8AAA
Black BG
19.2AAA
7.9AAA
3.0AA Large
1.2Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FAF9DA
C4C236
656459
181833
0A0A13

Deuteranopia

FAFBDC
CCD63B
6F7B53
1A1C2F
0B0B12

Tritanopia

FDE1E2
F84649
A44540
252725
0C100F

Achromatopsia

F3F3F3
959595
464646
161616
0B0B0B

Shades & Tints Shades & Tints

#FDF5D1

Dark
Light

#FF7621

Dark
Light

#AC0972

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdf5d1;
  --color-2: #ff7621;
  --color-3: #ac0972;
  --color-4: #270442;
  --color-5: #0c0816;
}

SCSS

$color-1: #fdf5d1;
$color-2: #ff7621;
$color-3: #ac0972;
$color-4: #270442;
$color-5: #0c0816;

TAILWIND

colors: {
  'brand-1': '#fdf5d1',
  'brand-2': '#ff7621',
  'brand-3': '#ac0972',
  'brand-4': '#270442',
  'brand-5': '#0c0816',
}

RGB Array

[253, 245, 209], [255, 118, 33], [172, 9, 114], [39, 4, 66], [12, 8, 22]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDF5D1, #FF7621, #AC0972, #270442, #0C0816 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: #fdf5d1; --color-2: #ff7621; --color-3: #ac0972; --color-4: #270442; --color-5: #0c0816. 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