← Back to Editor

#7A6879 · #F667A5 · #FFABA3 · #FFE7C4 · #D0E6CF

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

#7A6879

Rose Purple · DimGray · Warm Gray

HEX
#7A6879
RGB
rgb(122, 104, 121)
HSL
hsl(303, 8%, 44%)
HSB
hsb(303, 15%, 48%)
CMYK
cmyk(0%, 15%, 1%, 52%)
Oklch
oklch(54.0% 0.034 327.8)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

#F667A5

Rouge · LightCoral · Rose Pink

HEX
#F667A5
RGB
rgb(246, 103, 165)
HSL
hsl(334, 89%, 68%)
HSB
hsb(334, 58%, 96%)
CMYK
cmyk(0%, 58%, 33%, 4%)
Oklch
oklch(70.8% 0.185 355.8)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FFABA3

Peach Pink · LightPink · Cherry Blossom

HEX
#FFABA3
RGB
rgb(255, 171, 163)
HSL
hsl(5, 100%, 82%)
HSB
hsb(5, 36%, 100%)
CMYK
cmyk(0%, 33%, 36%, 0%)
Oklch
oklch(82.1% 0.100 25.5)

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

#FFE7C4

Goose Yellow · Bisque · Peach Orange

HEX
#FFE7C4
RGB
rgb(255, 231, 196)
HSL
hsl(36, 100%, 88%)
HSB
hsb(36, 23%, 100%)
CMYK
cmyk(0%, 9%, 23%, 0%)
Oklch
oklch(93.9% 0.053 77.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D0E6CF

Celadon · LightGray · Mint Green

HEX
#D0E6CF
RGB
rgb(208, 230, 207)
HSL
hsl(117, 32%, 86%)
HSB
hsb(117, 10%, 90%)
CMYK
cmyk(10%, 0%, 10%, 10%)
Oklch
oklch(90.2% 0.039 144.1)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A6879
677968

Analogous

716779
7A6879
79676F

Triadic

7A6879
787967
677879

Split-Comp.

7A6879
6F7967
677971

Tetradic

7A6879
797167
677968
676F79

Contrast Matrix WCAG 2.1 Contrast

7A6879
F667A5
FFABA3
FFE7C4
D0E6CF
—
1.8
Fail
2.8
Fail
4.3
AA Large
3.9
AA Large
1.8
Fail
—
1.6
Fail
2.4
Fail
2.1
Fail
2.8
Fail
1.6
Fail
—
1.5
Fail
1.4
Fail
4.3
AA Large
2.4
Fail
1.5
Fail
—
1.1
Fail
3.9
AA Large
2.1
Fail
1.4
Fail
1.1
Fail
—
White BG
5.1AA
2.8Fail
1.8Fail
1.2Fail
1.3Fail
Black BG
4.1AA Large
7.4AAA
11.6AAA
17.5AAA
15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

727275
B8B796
DBDAA5
F5F4CC
DADAD5

Deuteranopia

737574
C0CB92
E0E6A5
F6F8CF
D8D7D6

Tritanopia

797271
EF8A88
FBA6A7
FED3D5
D1D9DA

Achromatopsia

6F6F6F
999999
C3C3C3
EAEAEA
DDDDDD

Shades & Tints Shades & Tints

#7A6879

Dark
Light

#F667A5

Dark
Light

#FFABA3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a6879;
  --color-2: #f667a5;
  --color-3: #ffaba3;
  --color-4: #ffe7c4;
  --color-5: #d0e6cf;
}

SCSS

$color-1: #7a6879;
$color-2: #f667a5;
$color-3: #ffaba3;
$color-4: #ffe7c4;
$color-5: #d0e6cf;

TAILWIND

colors: {
  'brand-1': '#7a6879',
  'brand-2': '#f667a5',
  'brand-3': '#ffaba3',
  'brand-4': '#ffe7c4',
  'brand-5': '#d0e6cf',
}

RGB Array

[122, 104, 121], [246, 103, 165], [255, 171, 163], [255, 231, 196], [208, 230, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #7A6879, #F667A5, #FFABA3, #FFE7C4, #D0E6CF is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #7a6879; --color-2: #f667a5; --color-3: #ffaba3; --color-4: #ffe7c4; --color-5: #d0e6cf. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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