← Back to Editor

#EDEDE1 · #F9C6BA · #A40802 · #6A001A · #251721

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

#EDEDE1

Fresh Green · Beige · Lemon Cream

HEX
#EDEDE1
RGB
rgb(237, 237, 225)
HSL
hsl(60, 25%, 91%)
HSB
hsb(60, 5%, 93%)
CMYK
cmyk(0%, 0%, 5%, 7%)
Oklch
oklch(94.3% 0.016 106.7)

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

#F9C6BA

Peach Pink · LightPink · Cherry Blossom

HEX
#F9C6BA
RGB
rgb(249, 198, 186)
HSL
hsl(11, 84%, 85%)
HSB
hsb(11, 25%, 98%)
CMYK
cmyk(0%, 20%, 25%, 2%)
Oklch
oklch(86.8% 0.061 33.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#A40802

Vermilion · DarkRed · Wine Red

HEX
#A40802
RGB
rgb(164, 8, 2)
HSL
hsl(2, 98%, 33%)
HSB
hsb(2, 99%, 64%)
CMYK
cmyk(0%, 95%, 99%, 36%)
Oklch
oklch(45.4% 0.183 29.6)

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

#6A001A

Vermilion · Maroon · Wine Red

HEX
#6A001A
RGB
rgb(106, 0, 26)
HSL
hsl(345, 100%, 21%)
HSB
hsb(345, 100%, 42%)
CMYK
cmyk(0%, 100%, 75%, 58%)
Oklch
oklch(33.2% 0.133 18.0)

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

#251721

Rose Purple · Black · Dark Purple

HEX
#251721
RGB
rgb(37, 23, 33)
HSL
hsl(317, 23%, 12%)
HSB
hsb(317, 38%, 15%)
CMYK
cmyk(0%, 38%, 11%, 85%)
Oklch
oklch(22.7% 0.029 337.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDEDE1
E2E2EE

Analogous

EEE8E2
EDEDE1
E8EEE2

Triadic

EDEDE1
E2EEEE
EEE2EE

Split-Comp.

EDEDE1
E2E8EE
E8E2EE

Tetradic

EDEDE1
E2EEE8
E2E2EE
EEE2E8

Contrast Matrix WCAG 2.1 Contrast

EDEDE1
F9C6BA
A40802
6A001A
251721
—
1.3
Fail
6.8
AA
10.9
AAA
14.6
AAA
1.3
Fail
—
5.3
AA
8.5
AAA
11.3
AAA
6.8
AA
5.3
AA
—
1.6
Fail
2.1
Fail
10.9
AAA
8.5
AAA
1.6
Fail
—
1.3
Fail
14.6
AAA
11.3
AAA
2.1
Fail
1.3
Fail
—
White BG
1.2Fail
1.5Fail
8.0AAA
12.9AAA
17.2AAA
Black BG
17.8AAA
13.8AAA
2.6Fail
1.6Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDE4
E3E2BD
605F03
3C3B14
1F1F1F

Deuteranopia

EDEDE5
E6EABE
6A7504
424A12
20211E

Tritanopia

EDE6E7
F6BFC0
9C0505
650F0E
241D1C

Achromatopsia

ECECEC
D4D4D4
363636
232323
1C1C1C

Shades & Tints Shades & Tints

#EDEDE1

Dark
Light

#F9C6BA

Dark
Light

#A40802

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edede1;
  --color-2: #f9c6ba;
  --color-3: #a40802;
  --color-4: #6a001a;
  --color-5: #251721;
}

SCSS

$color-1: #edede1;
$color-2: #f9c6ba;
$color-3: #a40802;
$color-4: #6a001a;
$color-5: #251721;

TAILWIND

colors: {
  'brand-1': '#edede1',
  'brand-2': '#f9c6ba',
  'brand-3': '#a40802',
  'brand-4': '#6a001a',
  'brand-5': '#251721',
}

RGB Array

[237, 237, 225], [249, 198, 186], [164, 8, 2], [106, 0, 26], [37, 23, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDEDE1, #F9C6BA, #A40802, #6A001A, #251721 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: #edede1; --color-2: #f9c6ba; --color-3: #a40802; --color-4: #6a001a; --color-5: #251721. 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