← Back to Editor

#F29191 · #FFFFFF · #E5CFC3 · #A6998D · #0D0101

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

#F29191

Peach Pink · LightCoral · Coral Red

HEX
#F29191
RGB
rgb(242, 145, 145)
HSL
hsl(0, 79%, 76%)
HSB
hsb(0, 40%, 95%)
CMYK
cmyk(0%, 40%, 40%, 5%)
Oklch
oklch(75.8% 0.118 20.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#E5CFC3

Apricot · LightGray · Peach Orange

HEX
#E5CFC3
RGB
rgb(229, 207, 195)
HSL
hsl(21, 40%, 83%)
HSB
hsb(21, 15%, 90%)
CMYK
cmyk(0%, 10%, 15%, 10%)
Oklch
oklch(86.9% 0.030 50.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#A6998D

Tangerine · DarkGray · Warm Sun

HEX
#A6998D
RGB
rgb(166, 153, 141)
HSL
hsl(29, 12%, 60%)
HSB
hsb(29, 15%, 65%)
CMYK
cmyk(0%, 8%, 15%, 35%)
Oklch
oklch(69.1% 0.023 65.2)

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

#0D0101

Vermilion · Black · Deep Berry

HEX
#0D0101
RGB
rgb(13, 1, 1)
HSL
hsl(0, 86%, 3%)
HSB
hsb(0, 92%, 5%)
CMYK
cmyk(0%, 92%, 92%, 95%)
Oklch
oklch(10.7% 0.034 25.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F29191
91F2F2

Analogous

F291C2
F29191
F2C291

Triadic

F29191
91F291
9191F2

Split-Comp.

F29191
91F2C2
91C2F2

Tetradic

F29191
C2F291
91F2F2
C291F2

Contrast Matrix WCAG 2.1 Contrast

F29191
FFFFFF
E5CFC3
A6998D
0D0101
—
2.3
Fail
1.5
Fail
1.2
Fail
9.0
AAA
2.3
Fail
—
1.5
Fail
2.8
Fail
20.6
AAA
1.5
Fail
1.5
Fail
—
1.9
Fail
13.7
AAA
1.2
Fail
2.8
Fail
1.9
Fail
—
7.4
AAA
9.0
AAA
20.6
AAA
13.7
AAA
7.4
AAA
—
White BG
2.3Fail
1.0Fail
1.5Fail
2.8Fail
20.6AAA
Black BG
9.2AAA
21.0AAA
14.0AAA
7.6AAA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C791
FFFFFF
DBDBC6
A0A090
080801

Deuteranopia

CED591
FFFFFF
DDDEC7
A1A291
090901

Tritanopia

ED9191
FFFFFF
E4C8C9
A59293
0C0101

Achromatopsia

AEAEAE
FFFFFF
D4D4D4
9C9C9C
050505

Shades & Tints Shades & Tints

#F29191

Dark
Light

#FFFFFF

Dark
Light

#E5CFC3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f29191;
  --color-2: #ffffff;
  --color-3: #e5cfc3;
  --color-4: #a6998d;
  --color-5: #0d0101;
}

SCSS

$color-1: #f29191;
$color-2: #ffffff;
$color-3: #e5cfc3;
$color-4: #a6998d;
$color-5: #0d0101;

TAILWIND

colors: {
  'brand-1': '#f29191',
  'brand-2': '#ffffff',
  'brand-3': '#e5cfc3',
  'brand-4': '#a6998d',
  'brand-5': '#0d0101',
}

RGB Array

[242, 145, 145], [255, 255, 255], [229, 207, 195], [166, 153, 141], [13, 1, 1]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F29191, #FFFFFF, #E5CFC3, #A6998D, #0D0101 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f29191; --color-2: #ffffff; --color-3: #e5cfc3; --color-4: #a6998d; --color-5: #0d0101. 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 tech, SaaS, healthcare, eco industries. 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