← Back to Editor

#440B0A · #ECF6BD · #F4FFDD · #FFACA1 · #FFCCBA

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

#440B0A

Vermilion · Maroon · Deep Berry

HEX
#440B0A
RGB
rgb(68, 11, 10)
HSL
hsl(1, 74%, 15%)
HSB
hsb(1, 85%, 27%)
CMYK
cmyk(0%, 84%, 85%, 73%)
Oklch
oklch(25.6% 0.086 26.5)

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

#ECF6BD

Willow Green · Bisque · Mint Green

HEX
#ECF6BD
RGB
rgb(236, 246, 189)
HSL
hsl(71, 76%, 85%)
HSB
hsb(71, 23%, 96%)
CMYK
cmyk(4%, 0%, 23%, 4%)
Oklch
oklch(95.2% 0.074 115.9)

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

#F4FFDD

Willow Green · Beige · Mint Green

HEX
#F4FFDD
RGB
rgb(244, 255, 221)
HSL
hsl(79, 100%, 93%)
HSB
hsb(79, 13%, 100%)
CMYK
cmyk(4%, 0%, 13%, 0%)
Oklch
oklch(98.3% 0.046 121.8)

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

#FFACA1

Peach Pink · LightPink · Cherry Blossom

HEX
#FFACA1
RGB
rgb(255, 172, 161)
HSL
hsl(7, 100%, 82%)
HSB
hsb(7, 37%, 100%)
CMYK
cmyk(0%, 33%, 37%, 0%)
Oklch
oklch(82.2% 0.100 27.7)

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

#FFCCBA

Apricot · Pink · Peach Orange

HEX
#FFCCBA
RGB
rgb(255, 204, 186)
HSL
hsl(16, 100%, 86%)
HSB
hsb(16, 27%, 100%)
CMYK
cmyk(0%, 20%, 27%, 0%)
Oklch
oklch(88.5% 0.063 40.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

440B0A
0A4243

Analogous

430A25
440B0A
43270A

Triadic

440B0A
0A430B
0B0A43

Split-Comp.

440B0A
0A4327
0A2543

Tetradic

440B0A
25430A
0A4243
270A43

Contrast Matrix WCAG 2.1 Contrast

440B0A
ECF6BD
F4FFDD
FFACA1
FFCCBA
—
14.2
AAA
15.6
AAA
9.0
AAA
11.2
AAA
14.2
AAA
—
1.1
Fail
1.6
Fail
1.3
Fail
15.6
AAA
1.1
Fail
—
1.7
Fail
1.4
Fail
9.0
AAA
1.6
Fail
1.7
Fail
—
1.3
Fail
11.2
AAA
1.3
Fail
1.4
Fail
1.3
Fail
—
White BG
16.2AAA
1.1Fail
1.0Fail
1.8Fail
1.4Fail
Black BG
1.3Fail
18.5AAA
20.2AAA
11.7AAA
14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2B0A
F0F0CB
F9F9E5
DBDAA4
E9E8BE

Deuteranopia

2F330A
F0EFCE
F8F7E7
E0E6A4
ECF0BF

Tritanopia

410A0A
EDD6D8
F5ECED
FBA6A6
FCC2C3

Achromatopsia

1C1C1C
EDEDED
F8F8F8
C4C4C4
D9D9D9

Shades & Tints Shades & Tints

#440B0A

Dark
Light

#ECF6BD

Dark
Light

#F4FFDD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #440b0a;
  --color-2: #ecf6bd;
  --color-3: #f4ffdd;
  --color-4: #ffaca1;
  --color-5: #ffccba;
}

SCSS

$color-1: #440b0a;
$color-2: #ecf6bd;
$color-3: #f4ffdd;
$color-4: #ffaca1;
$color-5: #ffccba;

TAILWIND

colors: {
  'brand-1': '#440b0a',
  'brand-2': '#ecf6bd',
  'brand-3': '#f4ffdd',
  'brand-4': '#ffaca1',
  'brand-5': '#ffccba',
}

RGB Array

[68, 11, 10], [236, 246, 189], [244, 255, 221], [255, 172, 161], [255, 204, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #440B0A, #ECF6BD, #F4FFDD, #FFACA1, #FFCCBA 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: #440b0a; --color-2: #ecf6bd; --color-3: #f4ffdd; --color-4: #ffaca1; --color-5: #ffccba. 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