← Back to Editor

#FFF7E6 · #910C57 · #2B003D · #220030 · #140202

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

#FFF7E6

Goose Yellow · SeaShell · Lemon Cream

HEX
#FFF7E6
RGB
rgb(255, 247, 230)
HSL
hsl(41, 100%, 95%)
HSB
hsb(41, 10%, 100%)
CMYK
cmyk(0%, 3%, 10%, 0%)
Oklch
oklch(97.8% 0.024 85.8)

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

#910C57

Rose Purple · Purple · Camellia

HEX
#910C57
RGB
rgb(145, 12, 87)
HSL
hsl(326, 85%, 31%)
HSB
hsb(326, 92%, 57%)
CMYK
cmyk(0%, 92%, 40%, 43%)
Oklch
oklch(43.4% 0.171 354.2)

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

#2B003D

Royal Purple · MidnightBlue · Dark Purple

HEX
#2B003D
RGB
rgb(43, 0, 61)
HSL
hsl(282, 100%, 12%)
HSB
hsb(282, 100%, 24%)
CMYK
cmyk(30%, 100%, 0%, 76%)
Oklch
oklch(21.9% 0.109 312.8)

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

#220030

Royal Purple · Black · Dark Purple

HEX
#220030
RGB
rgb(34, 0, 48)
HSL
hsl(283, 100%, 9%)
HSB
hsb(283, 100%, 19%)
CMYK
cmyk(29%, 100%, 0%, 81%)
Oklch
oklch(19.0% 0.094 313.8)

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

#140202

Vermilion · Black · Deep Berry

HEX
#140202
RGB
rgb(20, 2, 2)
HSL
hsl(0, 82%, 4%)
HSB
hsb(0, 90%, 8%)
CMYK
cmyk(0%, 90%, 90%, 92%)
Oklch
oklch(13.0% 0.040 24.6)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF7E6
E5EEFF

Analogous

FFEAE5
FFF7E6
FAFFE5

Triadic

FFF7E6
E5FFF7
F7E5FF

Split-Comp.

FFF7E6
E5FAFF
EAE5FF

Tetradic

FFF7E6
E5FFEA
E5EEFF
FFE5FA

Contrast Matrix WCAG 2.1 Contrast

FFF7E6
910C57
2B003D
220030
140202
—
8.2
AAA
16.8
AAA
17.7
AAA
19.0
AAA
8.2
AAA
—
2.0
Fail
2.2
Fail
2.3
Fail
16.8
AAA
2.0
Fail
—
1.1
Fail
1.1
Fail
17.7
AAA
2.2
Fail
1.1
Fail
—
1.1
Fail
19.0
AAA
2.3
Fail
1.1
Fail
1.1
Fail
—
White BG
1.1Fail
8.8AAA
17.9AAA
18.9AAA
20.2AAA
Black BG
19.7AAA
2.4Fail
1.2Fail
1.1Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FCFBEA
575645
18182E
131324
0C0C02

Deuteranopia

FCFDEB
5F6941
1B1E2B
151822
0D0F02

Tritanopia

FFEDEE
8A3733
292320
201B19
130202

Achromatopsia

F7F7F7
3C3C3C
141414
101010
070707

Shades & Tints Shades & Tints

#FFF7E6

Dark
Light

#910C57

Dark
Light

#2B003D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff7e6;
  --color-2: #910c57;
  --color-3: #2b003d;
  --color-4: #220030;
  --color-5: #140202;
}

SCSS

$color-1: #fff7e6;
$color-2: #910c57;
$color-3: #2b003d;
$color-4: #220030;
$color-5: #140202;

TAILWIND

colors: {
  'brand-1': '#fff7e6',
  'brand-2': '#910c57',
  'brand-3': '#2b003d',
  'brand-4': '#220030',
  'brand-5': '#140202',
}

RGB Array

[255, 247, 230], [145, 12, 87], [43, 0, 61], [34, 0, 48], [20, 2, 2]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FFF7E6, #910C57, #2B003D, #220030, #140202 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #fff7e6; --color-2: #910c57; --color-3: #2b003d; --color-4: #220030; --color-5: #140202. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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