← Back to Editor

#F0AFB7 · #E67A7A · #241E13 · #8DB8A7 · #F5EACB

pastel

A 5-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#F0AFB7

Peach Pink · LightPink · Cherry Blossom

HEX
#F0AFB7
RGB
rgb(240, 175, 183)
HSL
hsl(353, 68%, 81%)
HSB
hsb(353, 27%, 94%)
CMYK
cmyk(0%, 27%, 24%, 6%)
Oklch
oklch(81.7% 0.077 10.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#E67A7A

Peach Pink · LightCoral · Coral Red

HEX
#E67A7A
RGB
rgb(230, 122, 122)
HSL
hsl(0, 68%, 69%)
HSB
hsb(0, 47%, 90%)
CMYK
cmyk(0%, 47%, 47%, 10%)
Oklch
oklch(70.1% 0.134 21.1)

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

#241E13

Ochre · Black · Cinnamon

HEX
#241E13
RGB
rgb(36, 30, 19)
HSL
hsl(39, 31%, 11%)
HSB
hsb(39, 47%, 14%)
CMYK
cmyk(0%, 17%, 47%, 86%)
Oklch
oklch(23.8% 0.022 82.3)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#8DB8A7

Jade · DarkSeaGreen · Apple Green

HEX
#8DB8A7
RGB
rgb(141, 184, 167)
HSL
hsl(156, 23%, 64%)
HSB
hsb(156, 23%, 72%)
CMYK
cmyk(23%, 0%, 9%, 28%)
Oklch
oklch(74.7% 0.052 168.7)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#F5EACB

Goose Yellow · Bisque · Lemon Cream

HEX
#F5EACB
RGB
rgb(245, 234, 203)
HSL
hsl(44, 68%, 88%)
HSB
hsb(44, 17%, 96%)
CMYK
cmyk(0%, 4%, 17%, 4%)
Oklch
oklch(93.8% 0.042 90.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0AFB7
AEEFE8

Analogous

EFAED6
F0AFB7
EFC7AE

Triadic

F0AFB7
B5EFAE
AEB5EF

Split-Comp.

F0AFB7
AEEFC7
AED6EF

Tetradic

F0AFB7
D6EFAE
AEEFE8
C7AEEF

Contrast Matrix WCAG 2.1 Contrast

F0AFB7
E67A7A
241E13
8DB8A7
F5EACB
—
1.6
Fail
9.1
AAA
1.2
Fail
1.5
Fail
1.6
Fail
—
5.8
AA
1.3
Fail
2.4
Fail
9.1
AAA
5.8
AA
—
7.5
AAA
13.8
AAA
1.2
Fail
1.3
Fail
7.5
AAA
—
1.8
Fail
1.5
Fail
2.4
Fail
13.8
AAA
1.8
Fail
—
White BG
1.8Fail
2.8Fail
16.5AAA
2.2Fail
1.2Fail
Black BG
11.5AAA
7.4AAA
1.3Fail
9.5AAA
17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D3B5
B7B67A
212116
A0A0AB
F0F0D3

Deuteranopia

D8DDB5
BEC67A
222216
9D9AAC
F1F2D4

Tritanopia

EDB4B3
E17A7A
241818
8FAEAF
F4D8DA

Achromatopsia

C3C3C3
9A9A9A
1F1F1F
A9A9A9
EAEAEA

Shades & Tints Shades & Tints

#F0AFB7

Dark
Light

#E67A7A

Dark
Light

#241E13

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0afb7;
  --color-2: #e67a7a;
  --color-3: #241e13;
  --color-4: #8db8a7;
  --color-5: #f5eacb;
}

SCSS

$color-1: #f0afb7;
$color-2: #e67a7a;
$color-3: #241e13;
$color-4: #8db8a7;
$color-5: #f5eacb;

TAILWIND

colors: {
  'brand-1': '#f0afb7',
  'brand-2': '#e67a7a',
  'brand-3': '#241e13',
  'brand-4': '#8db8a7',
  'brand-5': '#f5eacb',
}

RGB Array

[240, 175, 183], [230, 122, 122], [36, 30, 19], [141, 184, 167], [245, 234, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F0AFB7, #E67A7A, #241E13, #8DB8A7, #F5EACB 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: #f0afb7; --color-2: #e67a7a; --color-3: #241e13; --color-4: #8db8a7; --color-5: #f5eacb. 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