← Back to Editor

#FED792 · #FFBD79 · #F0946B · #CD7466 · #885E60

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

#FED792

Goose Yellow · Khaki · Peach Orange

HEX
#FED792
RGB
rgb(254, 215, 146)
HSL
hsl(38, 98%, 78%)
HSB
hsb(38, 43%, 100%)
CMYK
cmyk(0%, 15%, 43%, 0%)
Oklch
oklch(89.7% 0.097 81.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FFBD79

Goose Yellow · LightSalmon · Warm Sun

HEX
#FFBD79
RGB
rgb(255, 189, 121)
HSL
hsl(30, 100%, 74%)
HSB
hsb(30, 53%, 100%)
CMYK
cmyk(0%, 26%, 53%, 0%)
Oklch
oklch(84.5% 0.114 66.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F0946B

Apricot · DarkSalmon · Warm Sun

HEX
#F0946B
RGB
rgb(240, 148, 107)
HSL
hsl(18, 82%, 68%)
HSB
hsb(18, 55%, 94%)
CMYK
cmyk(0%, 38%, 55%, 6%)
Oklch
oklch(75.3% 0.124 44.4)

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

#CD7466

Crimson · LightCoral · Passion Red

HEX
#CD7466
RGB
rgb(205, 116, 102)
HSL
hsl(8, 51%, 60%)
HSB
hsb(8, 50%, 80%)
CMYK
cmyk(0%, 43%, 50%, 20%)
Oklch
oklch(65.4% 0.115 29.9)

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

#885E60

Crimson · DimGray · Passion Red

HEX
#885E60
RGB
rgb(136, 94, 96)
HSL
hsl(357, 18%, 45%)
HSB
hsb(357, 31%, 53%)
CMYK
cmyk(0%, 31%, 29%, 47%)
Oklch
oklch(52.7% 0.055 16.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FED792
90B8FE

Analogous

FE9F90
FED792
EFFE90

Triadic

FED792
90FED6
D690FE

Split-Comp.

FED792
90EFFE
9F90FE

Tetradic

FED792
90FE9F
90B8FE
FE90EF

Contrast Matrix WCAG 2.1 Contrast

FED792
FFBD79
F0946B
CD7466
885E60
—
1.2
Fail
1.7
Fail
2.4
Fail
4.0
AA Large
1.2
Fail
—
1.4
Fail
2.0
Fail
3.4
AA Large
1.7
Fail
1.4
Fail
—
1.5
Fail
2.4
Fail
2.4
Fail
2.0
Fail
1.5
Fail
—
1.6
Fail
4.0
AA Large
3.4
AA Large
2.4
Fail
1.6
Fail
—
White BG
1.4Fail
1.6Fail
2.3Fail
3.3AA Large
5.5AA
Black BG
15.3AAA
12.8AAA
9.2AAA
6.3AA
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDA3
E2E289
C8C775
A6A669
767560

Deuteranopia

EFF2A7
E6EB8D
CED477
ACB26A
787B5F

Tritanopia

FCB0B3
FC9699
EB7D7E
C96C6D
865F5F

Achromatopsia

DBDBDB
C9C9C9
ABABAB
8D8D8D
6B6B6B

Shades & Tints Shades & Tints

#FED792

Dark
Light

#FFBD79

Dark
Light

#F0946B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fed792;
  --color-2: #ffbd79;
  --color-3: #f0946b;
  --color-4: #cd7466;
  --color-5: #885e60;
}

SCSS

$color-1: #fed792;
$color-2: #ffbd79;
$color-3: #f0946b;
$color-4: #cd7466;
$color-5: #885e60;

TAILWIND

colors: {
  'brand-1': '#fed792',
  'brand-2': '#ffbd79',
  'brand-3': '#f0946b',
  'brand-4': '#cd7466',
  'brand-5': '#885e60',
}

RGB Array

[254, 215, 146], [255, 189, 121], [240, 148, 107], [205, 116, 102], [136, 94, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FED792, #FFBD79, #F0946B, #CD7466, #885E60 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: #fed792; --color-2: #ffbd79; --color-3: #f0946b; --color-4: #cd7466; --color-5: #885e60. 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