← Back to Editor

#FAD2D2 · #FEAB9D · #E58249 · #C93D22 · #6D5F44

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

#FAD2D2

Peach Pink · Pink · Cherry Blossom

HEX
#FAD2D2
RGB
rgb(250, 210, 210)
HSL
hsl(0, 80%, 90%)
HSB
hsb(0, 16%, 98%)
CMYK
cmyk(0%, 16%, 16%, 2%)
Oklch
oklch(89.8% 0.045 18.0)

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

#FEAB9D

Peach Pink · LightSalmon · Cherry Blossom

HEX
#FEAB9D
RGB
rgb(254, 171, 157)
HSL
hsl(9, 98%, 81%)
HSB
hsb(9, 38%, 100%)
CMYK
cmyk(0%, 33%, 38%, 0%)
Oklch
oklch(81.8% 0.101 29.9)

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

#E58249

Tangerine · Coral · Warm Sun

HEX
#E58249
RGB
rgb(229, 130, 73)
HSL
hsl(22, 75%, 59%)
HSB
hsb(22, 68%, 90%)
CMYK
cmyk(0%, 43%, 68%, 10%)
Oklch
oklch(70.4% 0.141 48.9)

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

#C93D22

Vermilion · FireBrick · Passion Red

HEX
#C93D22
RGB
rgb(201, 61, 34)
HSL
hsl(10, 71%, 46%)
HSB
hsb(10, 83%, 79%)
CMYK
cmyk(0%, 70%, 83%, 21%)
Oklch
oklch(56.2% 0.181 32.9)

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

#6D5F44

Ochre · DarkOliveGreen · Honey Gold

HEX
#6D5F44
RGB
rgb(109, 95, 68)
HSL
hsl(40, 23%, 35%)
HSB
hsb(40, 38%, 43%)
CMYK
cmyk(0%, 13%, 38%, 57%)
Oklch
oklch(49.2% 0.044 83.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAD2D2
D1FAFA

Analogous

FAD1E6
FAD2D2
FAE6D1

Triadic

FAD2D2
D1FAD1
D1D1FA

Split-Comp.

FAD2D2
D1FAE6
D1E6FA

Tetradic

FAD2D2
E6FAD1
D1FAFA
E6D1FA

Contrast Matrix WCAG 2.1 Contrast

FAD2D2
FEAB9D
E58249
C93D22
6D5F44
—
1.3
Fail
2.0
Fail
3.6
AA Large
4.5
AA
1.3
Fail
—
1.5
Fail
2.8
Fail
3.4
AA Large
2.0
Fail
1.5
Fail
—
1.8
Fail
2.3
Fail
3.6
AA Large
2.8
Fail
1.8
Fail
—
1.2
Fail
4.5
AA
3.4
AA Large
2.3
Fail
1.2
Fail
—
White BG
1.4Fail
1.8Fail
2.8Fail
5.0AA
6.2AA
Black BG
15.2AAA
11.5AAA
7.6AAA
4.2AA Large
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E8D2
DAD9A0
BAB957
8C8B29
67674B

Deuteranopia

EBEED2
DFE5A1
C0C75A
959F2A
68694C

Tritanopia

F8D2D2
FAA3A4
E06264
C22E2F
6C5051

Achromatopsia

DEDEDE
C2C2C2
999999
646464
606060

Shades & Tints Shades & Tints

#FAD2D2

Dark
Light

#FEAB9D

Dark
Light

#E58249

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fad2d2;
  --color-2: #feab9d;
  --color-3: #e58249;
  --color-4: #c93d22;
  --color-5: #6d5f44;
}

SCSS

$color-1: #fad2d2;
$color-2: #feab9d;
$color-3: #e58249;
$color-4: #c93d22;
$color-5: #6d5f44;

TAILWIND

colors: {
  'brand-1': '#fad2d2',
  'brand-2': '#feab9d',
  'brand-3': '#e58249',
  'brand-4': '#c93d22',
  'brand-5': '#6d5f44',
}

RGB Array

[250, 210, 210], [254, 171, 157], [229, 130, 73], [201, 61, 34], [109, 95, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAD2D2, #FEAB9D, #E58249, #C93D22, #6D5F44 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: #fad2d2; --color-2: #feab9d; --color-3: #e58249; --color-4: #c93d22; --color-5: #6d5f44. 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