← Back to Editor

#000000 · #FFCFAB · #F8FAD2 · #E3D081 · #D4EED4

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#FFCFAB

Apricot · Wheat · Peach Orange

HEX
#FFCFAB
RGB
rgb(255, 207, 171)
HSL
hsl(26, 100%, 84%)
HSB
hsb(26, 33%, 100%)
CMYK
cmyk(0%, 19%, 33%, 0%)
Oklch
oklch(88.7% 0.072 58.5)

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

#F8FAD2

Fresh Green · Beige · Lemon Cream

HEX
#F8FAD2
RGB
rgb(248, 250, 210)
HSL
hsl(63, 80%, 90%)
HSB
hsb(63, 16%, 98%)
CMYK
cmyk(1%, 0%, 16%, 2%)
Oklch
oklch(97.3% 0.052 109.7)

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

#E3D081

Ginger · BurlyWood · Sunflower

HEX
#E3D081
RGB
rgb(227, 208, 129)
HSL
hsl(48, 64%, 70%)
HSB
hsb(48, 43%, 89%)
CMYK
cmyk(0%, 8%, 43%, 11%)
Oklch
oklch(85.6% 0.101 96.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#D4EED4

Celadon · LightGray · Mint Green

HEX
#D4EED4
RGB
rgb(212, 238, 212)
HSL
hsl(120, 43%, 88%)
HSB
hsb(120, 11%, 93%)
CMYK
cmyk(11%, 0%, 11%, 7%)
Oklch
oklch(92.3% 0.044 145.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

000000
000000

Analogous

000000
000000
000000

Triadic

000000
000000
000000

Split-Comp.

000000
000000
000000

Tetradic

000000
000000
000000
000000

Contrast Matrix WCAG 2.1 Contrast

000000
FFCFAB
F8FAD2
E3D081
D4EED4
—
14.8
AAA
19.6
AAA
13.6
AAA
17.0
AAA
14.8
AAA
—
1.3
Fail
1.1
Fail
1.1
Fail
19.6
AAA
1.3
Fail
—
1.4
Fail
1.2
Fail
13.6
AAA
1.1
Fail
1.4
Fail
—
1.2
Fail
17.0
AAA
1.1
Fail
1.2
Fail
1.2
Fail
—
White BG
21.0AAA
1.4Fail
1.1Fail
1.5Fail
1.2Fail
Black BG
1.0Fail
14.8AAA
19.6AAA
13.6AAA
17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

000000
EAEAB4
F9F9DC
DBDB94
DFDFDA

Deuteranopia

000000
EDF1B6
F9F9DE
DCDD99
DEDCDC

Tritanopia

000000
FDBBBC
F8E3E5
E2A3A7
D5DFE0

Achromatopsia

000000
D9D9D9
F5F5F5
CDCDCD
E3E3E3

Shades & Tints Shades & Tints

#000000

Dark
Light

#FFCFAB

Dark
Light

#F8FAD2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #000000;
  --color-2: #ffcfab;
  --color-3: #f8fad2;
  --color-4: #e3d081;
  --color-5: #d4eed4;
}

SCSS

$color-1: #000000;
$color-2: #ffcfab;
$color-3: #f8fad2;
$color-4: #e3d081;
$color-5: #d4eed4;

TAILWIND

colors: {
  'brand-1': '#000000',
  'brand-2': '#ffcfab',
  'brand-3': '#f8fad2',
  'brand-4': '#e3d081',
  'brand-5': '#d4eed4',
}

RGB Array

[0, 0, 0], [255, 207, 171], [248, 250, 210], [227, 208, 129], [212, 238, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #000000, #FFCFAB, #F8FAD2, #E3D081, #D4EED4 is ideal for: health products, baby brands, fresh-style blogs, 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: #000000; --color-2: #ffcfab; --color-3: #f8fad2; --color-4: #e3d081; --color-5: #d4eed4. 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 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