← Back to Editor

#FFC898 · #FA624D · #592D2C · #F2EDC4 · #8C8C62

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

#FFC898

Apricot · Khaki · Peach Orange

HEX
#FFC898
RGB
rgb(255, 200, 152)
HSL
hsl(28, 100%, 80%)
HSB
hsb(28, 40%, 100%)
CMYK
cmyk(0%, 22%, 40%, 0%)
Oklch
oklch(87.1% 0.088 62.4)

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

#FA624D

Peach Pink · Tomato · Coral Red

HEX
#FA624D
RGB
rgb(250, 98, 77)
HSL
hsl(7, 95%, 64%)
HSB
hsb(7, 69%, 98%)
CMYK
cmyk(0%, 61%, 69%, 2%)
Oklch
oklch(68.8% 0.190 30.5)

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

#592D2C

Crimson · DarkOliveGreen · Wine Red

HEX
#592D2C
RGB
rgb(89, 45, 44)
HSL
hsl(1, 34%, 26%)
HSB
hsb(1, 51%, 35%)
CMYK
cmyk(0%, 49%, 51%, 65%)
Oklch
oklch(35.5% 0.065 22.2)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#F2EDC4

Fresh Green · Bisque · Lemon Cream

HEX
#F2EDC4
RGB
rgb(242, 237, 196)
HSL
hsl(53, 64%, 86%)
HSB
hsb(53, 19%, 95%)
CMYK
cmyk(0%, 2%, 19%, 5%)
Oklch
oklch(94.0% 0.054 101.6)

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

#8C8C62

Autumn Sage · Gray · Honey Gold

HEX
#8C8C62
RGB
rgb(140, 140, 98)
HSL
hsl(60, 18%, 47%)
HSB
hsb(60, 30%, 55%)
CMYK
cmyk(0%, 0%, 30%, 45%)
Oklch
oklch(62.9% 0.059 108.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFC898
99CFFF

Analogous

FF999C
FFC898
FFFC99

Triadic

FFC898
99FFC9
C999FF

Split-Comp.

FFC898
99FFFC
999CFF

Tetradic

FFC898
9CFF99
99CFFF
FC99FF

Contrast Matrix WCAG 2.1 Contrast

FFC898
FA624D
592D2C
F2EDC4
8C8C62
—
2.0
Fail
7.6
AAA
1.3
Fail
2.3
Fail
2.0
Fail
—
3.8
AA Large
2.6
Fail
1.1
Fail
7.6
AAA
3.8
AA Large
—
9.6
AAA
3.3
AA Large
1.3
Fail
2.6
Fail
9.6
AAA
—
2.9
Fail
2.3
Fail
1.1
Fail
3.3
AA Large
2.9
Fail
—
White BG
1.5Fail
3.0AA Large
11.4AAA
1.2Fail
3.5AA Large
Black BG
14.0AAA
6.9AA
1.8Fail
17.7AAA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7A4
B8B752
46462C
F0F0CE
8C8C6C

Deuteranopia

EAEFA6
C1CC53
494C2C
F0F0D0
8C8C6F

Tritanopia

FCADAF
F25657
572C2C
F2D6D7
8C7476

Achromatopsia

D3D3D3
8D8D8D
3A3A3A
EAEAEA
878787

Shades & Tints Shades & Tints

#FFC898

Dark
Light

#FA624D

Dark
Light

#592D2C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffc898;
  --color-2: #fa624d;
  --color-3: #592d2c;
  --color-4: #f2edc4;
  --color-5: #8c8c62;
}

SCSS

$color-1: #ffc898;
$color-2: #fa624d;
$color-3: #592d2c;
$color-4: #f2edc4;
$color-5: #8c8c62;

TAILWIND

colors: {
  'brand-1': '#ffc898',
  'brand-2': '#fa624d',
  'brand-3': '#592d2c',
  'brand-4': '#f2edc4',
  'brand-5': '#8c8c62',
}

RGB Array

[255, 200, 152], [250, 98, 77], [89, 45, 44], [242, 237, 196], [140, 140, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FFC898, #FA624D, #592D2C, #F2EDC4, #8C8C62 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: #ffc898; --color-2: #fa624d; --color-3: #592d2c; --color-4: #f2edc4; --color-5: #8c8c62. 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