← Back to Editor

#FFF7A9 · #EAD6A3 · #E5B07C · #A16C68 · #801A4C

pastel

A 5-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#FFF7A9

Fresh Green · Wheat · Lemon Cream

HEX
#FFF7A9
RGB
rgb(255, 247, 169)
HSL
hsl(54, 100%, 83%)
HSB
hsb(54, 34%, 100%)
CMYK
cmyk(0%, 3%, 34%, 0%)
Oklch
oklch(96.5% 0.098 103.1)

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

#EAD6A3

Goose Yellow · Wheat · Lemon Cream

HEX
#EAD6A3
RGB
rgb(234, 214, 163)
HSL
hsl(43, 63%, 78%)
HSB
hsb(43, 30%, 92%)
CMYK
cmyk(0%, 9%, 30%, 8%)
Oklch
oklch(88.0% 0.070 89.1)

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

#E5B07C

Ginger · BurlyWood · Warm Sun

HEX
#E5B07C
RGB
rgb(229, 176, 124)
HSL
hsl(30, 67%, 69%)
HSB
hsb(30, 46%, 90%)
CMYK
cmyk(0%, 23%, 46%, 10%)
Oklch
oklch(79.4% 0.092 65.3)

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

#A16C68

Crimson · Gray · Passion Red

HEX
#A16C68
RGB
rgb(161, 108, 104)
HSL
hsl(4, 23%, 52%)
HSB
hsb(4, 35%, 63%)
CMYK
cmyk(0%, 33%, 35%, 37%)
Oklch
oklch(58.6% 0.069 24.1)

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

#801A4C

Dark Violet · Brown · Camellia

HEX
#801A4C
RGB
rgb(128, 26, 76)
HSL
hsl(331, 66%, 30%)
HSB
hsb(331, 80%, 50%)
CMYK
cmyk(0%, 80%, 41%, 50%)
Oklch
oklch(40.7% 0.143 356.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF7A9
A8B1FF

Analogous

FFCBA8
FFF7A9
DCFFA8

Triadic

FFF7A9
A8FFF6
F6A8FF

Split-Comp.

FFF7A9
A8DCFF
CBA8FF

Tetradic

FFF7A9
A8FFCB
A8B1FF
FFA8DC

Contrast Matrix WCAG 2.1 Contrast

FFF7A9
EAD6A3
E5B07C
A16C68
801A4C
—
1.3
Fail
1.8
Fail
3.9
AA Large
8.8
AAA
1.3
Fail
—
1.4
Fail
3.0
AA Large
6.7
AA
1.8
Fail
1.4
Fail
—
2.2
Fail
5.0
AA
3.9
AA Large
3.0
AA Large
2.2
Fail
—
2.2
Fail
8.8
AAA
6.7
AA
5.0
AA
2.2
Fail
—
White BG
1.1Fail
1.4Fail
1.9Fail
4.3AA Large
9.7AAA
Black BG
19.1AAA
14.6AAA
10.8AAA
4.9AA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FCFBBC
E1E1AF
CECE89
8A8A69
545340

Deuteranopia

FCFDC0
E3E4B2
D1D58C
8D9169
5A613D

Tritanopia

FFCBCE
E9B9BB
E29395
9E6A6A
7B3634

Achromatopsia

F0F0F0
D6D6D6
BABABA
7B7B7B
3E3E3E

Shades & Tints Shades & Tints

#FFF7A9

Dark
Light

#EAD6A3

Dark
Light

#E5B07C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff7a9;
  --color-2: #ead6a3;
  --color-3: #e5b07c;
  --color-4: #a16c68;
  --color-5: #801a4c;
}

SCSS

$color-1: #fff7a9;
$color-2: #ead6a3;
$color-3: #e5b07c;
$color-4: #a16c68;
$color-5: #801a4c;

TAILWIND

colors: {
  'brand-1': '#fff7a9',
  'brand-2': '#ead6a3',
  'brand-3': '#e5b07c',
  'brand-4': '#a16c68',
  'brand-5': '#801a4c',
}

RGB Array

[255, 247, 169], [234, 214, 163], [229, 176, 124], [161, 108, 104], [128, 26, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FFF7A9, #EAD6A3, #E5B07C, #A16C68, #801A4C 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: #fff7a9; --color-2: #ead6a3; --color-3: #e5b07c; --color-4: #a16c68; --color-5: #801a4c. 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 pastel-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