← Back to Editor

#F9C45A · #E0946F · #79067A · #8275A0 · #7D9B95

pastel

A 5-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#F9C45A

Ginger · SandyBrown · Sunflower

HEX
#F9C45A
RGB
rgb(249, 196, 90)
HSL
hsl(40, 93%, 66%)
HSB
hsb(40, 64%, 98%)
CMYK
cmyk(0%, 21%, 64%, 2%)
Oklch
oklch(84.8% 0.136 82.3)

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

#E0946F

Apricot · DarkSalmon · Warm Sun

HEX
#E0946F
RGB
rgb(224, 148, 111)
HSL
hsl(20, 65%, 66%)
HSB
hsb(20, 50%, 88%)
CMYK
cmyk(0%, 34%, 50%, 12%)
Oklch
oklch(73.5% 0.105 46.6)

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

#79067A

Royal Purple · Purple · Eggplant

HEX
#79067A
RGB
rgb(121, 6, 122)
HSL
hsl(299, 91%, 25%)
HSB
hsb(299, 95%, 48%)
CMYK
cmyk(1%, 95%, 0%, 52%)
Oklch
oklch(40.7% 0.183 327.9)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

#8275A0

Deep Indigo · LightSlateGray · Navy Blue

HEX
#8275A0
RGB
rgb(130, 117, 160)
HSL
hsl(258, 18%, 54%)
HSB
hsb(258, 27%, 63%)
CMYK
cmyk(19%, 27%, 0%, 37%)
Oklch
oklch(59.0% 0.066 298.2)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#7D9B95

Mineral Blue · LightSlateGray · Lake Green

HEX
#7D9B95
RGB
rgb(125, 155, 149)
HSL
hsl(168, 13%, 55%)
HSB
hsb(168, 19%, 61%)
CMYK
cmyk(19%, 0%, 4%, 39%)
Oklch
oklch(66.5% 0.035 181.7)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9C45A
588DF9

Analogous

F97358
F9C45A
DEF958

Triadic

F9C45A
58F9C3
C358F9

Split-Comp.

F9C45A
58DEF9
7358F9

Tetradic

F9C45A
58F973
588DF9
F958DE

Contrast Matrix WCAG 2.1 Contrast

F9C45A
E0946F
79067A
8275A0
7D9B95
—
1.5
Fail
6.2
AA
2.6
Fail
1.9
Fail
1.5
Fail
—
4.1
AA Large
1.7
Fail
1.2
Fail
6.2
AA
4.1
AA Large
—
2.4
Fail
3.3
AA Large
2.6
Fail
1.7
Fail
2.4
Fail
—
1.4
Fail
1.9
Fail
1.2
Fail
3.3
AA Large
1.4
Fail
—
White BG
1.6Fail
2.4Fail
9.9AAA
4.2AA Large
3.0AA Large
Black BG
13.1AAA
8.6AAA
2.1Fail
5.0AA
7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E274
BFBE78
47465E
7C7C96
8A8A96

Deuteranopia

E5E97A
C4C97A
4E5657
7D7E93
888697

Tritanopia

F6888C
DC7F81
734843
818D8C
7F9898

Achromatopsia

C8C8C8
A7A7A7
363636
7E7E7E
919191

Shades & Tints Shades & Tints

#F9C45A

Dark
Light

#E0946F

Dark
Light

#79067A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9c45a;
  --color-2: #e0946f;
  --color-3: #79067a;
  --color-4: #8275a0;
  --color-5: #7d9b95;
}

SCSS

$color-1: #f9c45a;
$color-2: #e0946f;
$color-3: #79067a;
$color-4: #8275a0;
$color-5: #7d9b95;

TAILWIND

colors: {
  'brand-1': '#f9c45a',
  'brand-2': '#e0946f',
  'brand-3': '#79067a',
  'brand-4': '#8275a0',
  'brand-5': '#7d9b95',
}

RGB Array

[249, 196, 90], [224, 148, 111], [121, 6, 122], [130, 117, 160], [125, 155, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F9C45A, #E0946F, #79067A, #8275A0, #7D9B95 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f9c45a; --color-2: #e0946f; --color-3: #79067a; --color-4: #8275a0; --color-5: #7d9b95. 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 tech, SaaS, healthcare, eco industries. 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