← Back to Editor

#3F141A · #F64426 · #F88A6B · #F7EF92 · #DAD086

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

#3F141A

Crimson · Black · Deep Berry

HEX
#3F141A
RGB
rgb(63, 20, 26)
HSL
hsl(352, 52%, 16%)
HSB
hsb(352, 68%, 25%)
CMYK
cmyk(0%, 68%, 59%, 75%)
Oklch
oklch(26.2% 0.067 14.6)

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

#F64426

Vermilion · OrangeRed · Passion Red

HEX
#F64426
RGB
rgb(246, 68, 38)
HSL
hsl(9, 92%, 56%)
HSB
hsb(9, 85%, 96%)
CMYK
cmyk(0%, 72%, 85%, 4%)
Oklch
oklch(64.6% 0.219 32.1)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#F88A6B

Peach Pink · Salmon · Coral Red

HEX
#F88A6B
RGB
rgb(248, 138, 107)
HSL
hsl(13, 91%, 70%)
HSB
hsb(13, 57%, 97%)
CMYK
cmyk(0%, 44%, 57%, 3%)
Oklch
oklch(74.7% 0.141 36.6)

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

#F7EF92

Fresh Green · Khaki · Lemon Cream

HEX
#F7EF92
RGB
rgb(247, 239, 146)
HSL
hsl(55, 86%, 77%)
HSB
hsb(55, 41%, 97%)
CMYK
cmyk(0%, 3%, 41%, 3%)
Oklch
oklch(93.8% 0.115 104.1)

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

#DAD086

Fresh Green · BurlyWood · Sunflower

HEX
#DAD086
RGB
rgb(218, 208, 134)
HSL
hsl(53, 53%, 69%)
HSB
hsb(53, 39%, 85%)
CMYK
cmyk(0%, 5%, 39%, 15%)
Oklch
oklch(84.9% 0.095 101.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3F141A
143E38

Analogous

3E142E
3F141A
3E2314

Triadic

3F141A
193E14
14193E

Split-Comp.

3F141A
143E23
142E3E

Tetradic

3F141A
2E3E14
143E38
23143E

Contrast Matrix WCAG 2.1 Contrast

3F141A
F64426
F88A6B
F7EF92
DAD086
—
4.4
AA Large
6.7
AA
13.4
AAA
10.1
AAA
4.4
AA Large
—
1.5
Fail
3.1
AA Large
2.3
Fail
6.7
AA
1.5
Fail
—
2.0
Fail
1.5
Fail
13.4
AAA
3.1
AA Large
2.0
Fail
—
1.3
Fail
10.1
AAA
2.3
Fail
1.5
Fail
1.3
Fail
—
White BG
15.8AAA
3.6AA Large
2.4Fail
1.2Fail
1.6Fail
Black BG
1.3Fail
5.8AA
8.8AAA
17.7AAA
13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2C19
A9A72D
C8C773
F4F3A9
D6D698

Deuteranopia

2F3218
B3C12F
CFD774
F4F5AE
D6D79C

Tritanopia

3D1717
ED3334
F3787A
F7BABE
DAA6A9

Achromatopsia

222222
767676
A7A7A7
E7E7E7
CBCBCB

Shades & Tints Shades & Tints

#3F141A

Dark
Light

#F64426

Dark
Light

#F88A6B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3f141a;
  --color-2: #f64426;
  --color-3: #f88a6b;
  --color-4: #f7ef92;
  --color-5: #dad086;
}

SCSS

$color-1: #3f141a;
$color-2: #f64426;
$color-3: #f88a6b;
$color-4: #f7ef92;
$color-5: #dad086;

TAILWIND

colors: {
  'brand-1': '#3f141a',
  'brand-2': '#f64426',
  'brand-3': '#f88a6b',
  'brand-4': '#f7ef92',
  'brand-5': '#dad086',
}

RGB Array

[63, 20, 26], [246, 68, 38], [248, 138, 107], [247, 239, 146], [218, 208, 134]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #3F141A, #F64426, #F88A6B, #F7EF92, #DAD086 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #3f141a; --color-2: #f64426; --color-3: #f88a6b; --color-4: #f7ef92; --color-5: #dad086. 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 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