← Back to Editor

#70574C · #B38774 · #E68982 · #FC9F65 · #FFC547

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

#70574C

Tangerine · DimGray · Amber Brown

HEX
#70574C
RGB
rgb(112, 87, 76)
HSL
hsl(18, 19%, 37%)
HSB
hsb(18, 32%, 44%)
CMYK
cmyk(0%, 22%, 32%, 56%)
Oklch
oklch(47.9% 0.038 44.9)

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

#B38774

Tangerine · Gray · Warm Sun

HEX
#B38774
RGB
rgb(179, 135, 116)
HSL
hsl(18, 29%, 58%)
HSB
hsb(18, 35%, 70%)
CMYK
cmyk(0%, 25%, 35%, 30%)
Oklch
oklch(66.1% 0.061 44.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#E68982

Peach Pink · LightCoral · Coral Red

HEX
#E68982
RGB
rgb(230, 137, 130)
HSL
hsl(4, 67%, 71%)
HSB
hsb(4, 43%, 90%)
CMYK
cmyk(0%, 40%, 43%, 10%)
Oklch
oklch(72.7% 0.115 24.9)

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

#FC9F65

Apricot · SandyBrown · Warm Sun

HEX
#FC9F65
RGB
rgb(252, 159, 101)
HSL
hsl(23, 96%, 69%)
HSB
hsb(23, 60%, 99%)
CMYK
cmyk(0%, 37%, 60%, 1%)
Oklch
oklch(78.5% 0.133 51.7)

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

#FFC547

Ginger · SandyBrown · Sunflower

HEX
#FFC547
RGB
rgb(255, 197, 71)
HSL
hsl(41, 100%, 64%)
HSB
hsb(41, 72%, 100%)
CMYK
cmyk(0%, 23%, 72%, 0%)
Oklch
oklch(85.4% 0.152 83.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

70574C
4C6670

Analogous

704C54
70574C
70694C

Triadic

70574C
4C7057
574C70

Split-Comp.

70574C
4C7069
4C5470

Tetradic

70574C
54704C
4C6670
694C70

Contrast Matrix WCAG 2.1 Contrast

70574C
B38774
E68982
FC9F65
FFC547
—
2.1
Fail
2.6
Fail
3.3
AA Large
4.2
AA Large
2.1
Fail
—
1.2
Fail
1.6
Fail
2.0
Fail
2.6
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
3.3
AA Large
1.6
Fail
1.2
Fail
—
1.3
Fail
4.2
AA Large
2.0
Fail
1.6
Fail
1.3
Fail
—
White BG
6.7AA
3.2AA Large
2.5Fail
2.0Fail
1.6Fail
Black BG
3.2AA Large
6.6AA
8.3AAA
10.3AAA
13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

65654F
A0A079
BEBD84
D4D373
E6E565

Deuteranopia

67684F
A3A67A
C3CA84
D9E076
E9EE6D

Tritanopia

6F5151
B17C7D
E18585
F77E81
FC7E83

Achromatopsia

5D5D5D
929292
A4A4A4
B4B4B4
C8C8C8

Shades & Tints Shades & Tints

#70574C

Dark
Light

#B38774

Dark
Light

#E68982

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #70574c;
  --color-2: #b38774;
  --color-3: #e68982;
  --color-4: #fc9f65;
  --color-5: #ffc547;
}

SCSS

$color-1: #70574c;
$color-2: #b38774;
$color-3: #e68982;
$color-4: #fc9f65;
$color-5: #ffc547;

TAILWIND

colors: {
  'brand-1': '#70574c',
  'brand-2': '#b38774',
  'brand-3': '#e68982',
  'brand-4': '#fc9f65',
  'brand-5': '#ffc547',
}

RGB Array

[112, 87, 76], [179, 135, 116], [230, 137, 130], [252, 159, 101], [255, 197, 71]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #70574C, #B38774, #E68982, #FC9F65, #FFC547 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: #70574c; --color-2: #b38774; --color-3: #e68982; --color-4: #fc9f65; --color-5: #ffc547. 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