← Back to Editor

#0A0219 · #C26ABE · #908BCD · #80A6CB · #78D6EF

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

#0A0219

Deep Indigo · Black · Dark Purple

HEX
#0A0219
RGB
rgb(10, 2, 25)
HSL
hsl(261, 85%, 5%)
HSB
hsb(261, 92%, 10%)
CMYK
cmyk(60%, 92%, 0%, 90%)
Oklch
oklch(12.8% 0.054 298.2)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#C26ABE

Rose Purple · MediumOrchid · Violet

HEX
#C26ABE
RGB
rgb(194, 106, 190)
HSL
hsl(303, 42%, 59%)
HSB
hsb(303, 45%, 76%)
CMYK
cmyk(0%, 45%, 2%, 24%)
Oklch
oklch(65.3% 0.154 328.8)

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

#908BCD

Wisteria · MediumSlateBlue · Cobalt Blue

HEX
#908BCD
RGB
rgb(144, 139, 205)
HSL
hsl(245, 40%, 67%)
HSB
hsb(245, 32%, 80%)
CMYK
cmyk(30%, 32%, 0%, 20%)
Oklch
oklch(66.7% 0.097 286.9)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#80A6CB

Azure · CornflowerBlue · Cobalt Blue

HEX
#80A6CB
RGB
rgb(128, 166, 203)
HSL
hsl(210, 42%, 65%)
HSB
hsb(210, 37%, 80%)
CMYK
cmyk(37%, 18%, 0%, 20%)
Oklch
oklch(71.1% 0.068 248.1)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#78D6EF

Sky Blue · SkyBlue · Lake Green

HEX
#78D6EF
RGB
rgb(120, 214, 239)
HSL
hsl(193, 79%, 70%)
HSB
hsb(193, 50%, 94%)
CMYK
cmyk(50%, 10%, 0%, 6%)
Oklch
oklch(82.7% 0.096 217.1)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0A0219
101802

Analogous

020518
0A0219
140218

Triadic

0A0219
180902
021809

Split-Comp.

0A0219
181402
051802

Tetradic

0A0219
180205
101802
021814

Contrast Matrix WCAG 2.1 Contrast

0A0219
C26ABE
908BCD
80A6CB
78D6EF
—
5.9
AA
6.5
AA
8.0
AAA
12.2
AAA
5.9
AA
—
1.1
Fail
1.4
Fail
2.1
Fail
6.5
AA
1.1
Fail
—
1.2
Fail
1.9
Fail
8.0
AAA
1.4
Fail
1.2
Fail
—
1.5
Fail
12.2
AAA
2.1
Fail
1.9
Fail
1.5
Fail
—
White BG
20.3AAA
3.4AA Large
3.1AA Large
2.6Fail
1.7Fail
Black BG
1.0Fail
6.1AA
6.8AA
8.2AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

070613
9C9BAA
8E8EBD
9091C2
A1A2E9

Deuteranopia

070812
A1A8A5
8E8FB9
8E8BC0
9B94E8

Tritanopia

0A0F0E
BE9A96
90B0AE
82BBB9
7DE4E3

Achromatopsia

070707
8E8E8E
949494
9F9F9F
BDBDBD

Shades & Tints Shades & Tints

#0A0219

Dark
Light

#C26ABE

Dark
Light

#908BCD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0a0219;
  --color-2: #c26abe;
  --color-3: #908bcd;
  --color-4: #80a6cb;
  --color-5: #78d6ef;
}

SCSS

$color-1: #0a0219;
$color-2: #c26abe;
$color-3: #908bcd;
$color-4: #80a6cb;
$color-5: #78d6ef;

TAILWIND

colors: {
  'brand-1': '#0a0219',
  'brand-2': '#c26abe',
  'brand-3': '#908bcd',
  'brand-4': '#80a6cb',
  'brand-5': '#78d6ef',
}

RGB Array

[10, 2, 25], [194, 106, 190], [144, 139, 205], [128, 166, 203], [120, 214, 239]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #0A0219, #C26ABE, #908BCD, #80A6CB, #78D6EF 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: #0a0219; --color-2: #c26abe; --color-3: #908bcd; --color-4: #80a6cb; --color-5: #78d6ef. 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