← Back to Editor

#705143 · #FF3B79 · #DE788C · #F2AE7E · #FFDC40

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 PostIllustration

Color Details Color Details

#705143

Tangerine · DarkOliveGreen · Amber Brown

HEX
#705143
RGB
rgb(112, 81, 67)
HSL
hsl(19, 25%, 35%)
HSB
hsb(19, 40%, 44%)
CMYK
cmyk(0%, 28%, 40%, 56%)
Oklch
oklch(46.4% 0.047 45.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#FF3B79

Rouge · DeepPink · Rose Pink

HEX
#FF3B79
RGB
rgb(255, 59, 121)
HSL
hsl(341, 100%, 62%)
HSB
hsb(341, 77%, 100%)
CMYK
cmyk(0%, 77%, 53%, 0%)
Oklch
oklch(66.6% 0.231 7.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#DE788C

Peach Pink · LightCoral · Coral Red

HEX
#DE788C
RGB
rgb(222, 120, 140)
HSL
hsl(348, 61%, 67%)
HSB
hsb(348, 46%, 87%)
CMYK
cmyk(0%, 46%, 37%, 13%)
Oklch
oklch(69.2% 0.128 8.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F2AE7E

Apricot · LightSalmon · Warm Sun

HEX
#F2AE7E
RGB
rgb(242, 174, 126)
HSL
hsl(25, 82%, 72%)
HSB
hsb(25, 48%, 95%)
CMYK
cmyk(0%, 28%, 48%, 5%)
Oklch
oklch(80.4% 0.102 55.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FFDC40

Ginger · Gold · Sunflower

HEX
#FFDC40
RGB
rgb(255, 220, 64)
HSL
hsl(49, 100%, 63%)
HSB
hsb(49, 75%, 100%)
CMYK
cmyk(0%, 14%, 75%, 0%)
Oklch
oklch(89.9% 0.167 95.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

705143
436170

Analogous

70434B
705143
706743

Triadic

705143
437051
514370

Split-Comp.

705143
437067
434B70

Tetradic

705143
4B7043
436170
674370

Contrast Matrix WCAG 2.1 Contrast

705143
FF3B79
DE788C
F2AE7E
FFDC40
—
2.1
Fail
2.4
Fail
3.8
AA Large
5.3
AA
2.1
Fail
—
1.2
Fail
1.8
Fail
2.5
Fail
2.4
Fail
1.2
Fail
—
1.6
Fail
2.2
Fail
3.8
AA Large
1.8
Fail
1.6
Fail
—
1.4
Fail
5.3
AA
2.5
Fail
2.2
Fail
1.4
Fail
—
White BG
7.1AAA
3.4AA Large
2.9Fail
1.9Fail
1.3Fail
Black BG
2.9Fail
6.2AA
7.2AAA
11.1AAA
15.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

636246
AAA86A
B2B187
D5D48A
F0F066

Deuteranopia

646747
B6C466
B8BF86
D9DE8C
F2F56F

Tritanopia

6E494A
F55E5C
D98383
EF9395
FD848A

Achromatopsia

595959
7D7D7D
999999
BDBDBD
D5D5D5

Shades & Tints Shades & Tints

#705143

Dark
Light

#FF3B79

Dark
Light

#DE788C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #705143;
  --color-2: #ff3b79;
  --color-3: #de788c;
  --color-4: #f2ae7e;
  --color-5: #ffdc40;
}

SCSS

$color-1: #705143;
$color-2: #ff3b79;
$color-3: #de788c;
$color-4: #f2ae7e;
$color-5: #ffdc40;

TAILWIND

colors: {
  'brand-1': '#705143',
  'brand-2': '#ff3b79',
  'brand-3': '#de788c',
  'brand-4': '#f2ae7e',
  'brand-5': '#ffdc40',
}

RGB Array

[112, 81, 67], [255, 59, 121], [222, 120, 140], [242, 174, 126], [255, 220, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #705143, #FF3B79, #DE788C, #F2AE7E, #FFDC40 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #705143; --color-2: #ff3b79; --color-3: #de788c; --color-4: #f2ae7e; --color-5: #ffdc40. 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. 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