← Back to Editor

#D7A700 · #0E67A1 · #513A70 · #903680 · #FF2C98

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 PostIllustration

Color Details Color Details

#D7A700

Ochre · GoldenRod · Honey Gold

HEX
#D7A700
RGB
rgb(215, 167, 0)
HSL
hsl(47, 100%, 42%)
HSB
hsb(47, 100%, 84%)
CMYK
cmyk(0%, 22%, 100%, 16%)
Oklch
oklch(75.2% 0.154 87.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#0E67A1

Lake Blue · Teal · Prussian Blue

HEX
#0E67A1
RGB
rgb(14, 103, 161)
HSL
hsl(204, 84%, 34%)
HSB
hsb(204, 91%, 63%)
CMYK
cmyk(91%, 36%, 0%, 37%)
Oklch
oklch(49.6% 0.120 245.0)

Traditional「Lake Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#513A70

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#513A70
RGB
rgb(81, 58, 112)
HSL
hsl(266, 32%, 33%)
HSB
hsb(266, 48%, 44%)
CMYK
cmyk(28%, 48%, 0%, 56%)
Oklch
oklch(39.9% 0.091 302.1)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#903680

Rose Purple · DarkMagenta · Eggplant

HEX
#903680
RGB
rgb(144, 54, 128)
HSL
hsl(311, 45%, 39%)
HSB
hsb(311, 63%, 56%)
CMYK
cmyk(0%, 63%, 11%, 44%)
Oklch
oklch(48.6% 0.151 335.2)

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

#FF2C98

Rose Purple · DeepPink · Rose Pink

HEX
#FF2C98
RGB
rgb(255, 44, 152)
HSL
hsl(329, 100%, 59%)
HSB
hsb(329, 83%, 100%)
CMYK
cmyk(0%, 83%, 40%, 0%)
Oklch
oklch(66.6% 0.251 356.3)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7A700
002ED6

Analogous

D63D00
D7A700
9AD600

Triadic

D7A700
00D6A8
A800D6

Split-Comp.

D7A700
009AD6
3D00D6

Tetradic

D7A700
00D63D
002ED6
D6009A

Contrast Matrix WCAG 2.1 Contrast

D7A700
0E67A1
513A70
903680
FF2C98
—
2.7
Fail
4.3
AA Large
3.1
AA Large
1.6
Fail
2.7
Fail
—
1.6
Fail
1.1
Fail
1.7
Fail
4.3
AA Large
1.6
Fail
—
1.4
Fail
2.8
Fail
3.1
AA Large
1.1
Fail
1.4
Fail
—
2.0
Fail
1.6
Fail
1.7
Fail
2.8
Fail
2.0
Fail
—
White BG
2.2Fail
6.0AA
9.6AAA
6.9AA
3.5AA Large
Black BG
9.4AAA
3.5AA Large
2.2Fail
3.0AA Large
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C228
353593
474763
69686E
A4A27E

Deuteranopia

C5C932
2F2990
484A60
6E756A
B0C078

Tritanopia

D5484F
128885
505956
8B605D
F46965

Achromatopsia

A2A2A2
535353
474747
595959
777777

Shades & Tints Shades & Tints

#D7A700

Dark
Light

#0E67A1

Dark
Light

#513A70

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7a700;
  --color-2: #0e67a1;
  --color-3: #513a70;
  --color-4: #903680;
  --color-5: #ff2c98;
}

SCSS

$color-1: #d7a700;
$color-2: #0e67a1;
$color-3: #513a70;
$color-4: #903680;
$color-5: #ff2c98;

TAILWIND

colors: {
  'brand-1': '#d7a700',
  'brand-2': '#0e67a1',
  'brand-3': '#513a70',
  'brand-4': '#903680',
  'brand-5': '#ff2c98',
}

RGB Array

[215, 167, 0], [14, 103, 161], [81, 58, 112], [144, 54, 128], [255, 44, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D7A700, #0E67A1, #513A70, #903680, #FF2C98 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: #d7a700; --color-2: #0e67a1; --color-3: #513a70; --color-4: #903680; --color-5: #ff2c98. 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