← Back to Editor

#121101 · #0EC78F · #08A3A8 · #A80808 · #EADC07

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

#121101

Autumn Sage · Black · Amber Gold

HEX
#121101
RGB
rgb(18, 17, 1)
HSL
hsl(56, 89%, 4%)
HSB
hsb(56, 94%, 7%)
CMYK
cmyk(0%, 6%, 94%, 93%)
Oklch
oklch(17.4% 0.034 106.7)

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

#0EC78F

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#0EC78F
RGB
rgb(14, 199, 143)
HSL
hsl(162, 87%, 42%)
HSB
hsb(162, 93%, 78%)
CMYK
cmyk(93%, 0%, 28%, 22%)
Oklch
oklch(73.5% 0.155 164.1)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#08A3A8

Lake Blue · LightSeaGreen · Mint Ice

HEX
#08A3A8
RGB
rgb(8, 163, 168)
HSL
hsl(182, 91%, 35%)
HSB
hsb(182, 95%, 66%)
CMYK
cmyk(95%, 3%, 0%, 34%)
Oklch
oklch(65.0% 0.110 198.7)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#A80808

Vermilion · DarkRed · Wine Red

HEX
#A80808
RGB
rgb(168, 8, 8)
HSL
hsl(0, 91%, 35%)
HSB
hsb(0, 95%, 66%)
CMYK
cmyk(0%, 95%, 95%, 34%)
Oklch
oklch(46.2% 0.186 28.7)

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

#EADC07

Autumn Sage · Gold · Honey Gold

HEX
#EADC07
RGB
rgb(234, 220, 7)
HSL
hsl(56, 94%, 47%)
HSB
hsb(56, 97%, 92%)
CMYK
cmyk(0%, 6%, 97%, 8%)
Oklch
oklch(87.8% 0.185 104.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

121101
010213

Analogous

130901
121101
0B1301

Triadic

121101
011312
120113

Split-Comp.

121101
010B13
090113

Tetradic

121101
011309
010213
13010B

Contrast Matrix WCAG 2.1 Contrast

121101
0EC78F
08A3A8
A80808
EADC07
—
8.7
AAA
6.2
AA
2.4
Fail
13.3
AAA
8.7
AAA
—
1.4
Fail
3.5
AA Large
1.5
Fail
6.2
AA
1.4
Fail
—
2.5
Fail
2.2
Fail
2.4
Fail
3.5
AA Large
2.5
Fail
—
5.5
AA
13.3
AAA
1.5
Fail
2.2
Fail
5.5
AA
—
White BG
19.0AAA
2.2Fail
3.1AA Large
7.8AAA
1.4Fail
Black BG
1.1Fail
9.6AAA
6.8AA
2.7Fail
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

121205
5E609D
4B4DA7
636108
E4E43B

Deuteranopia

121206
5346A0
4237A7
6C7808
E5E647

Tritanopia

120809
17A7AA
10A6A6
A00808
E9636C

Achromatopsia

0F0F0F
898989
757575
383838
C8C8C8

Shades & Tints Shades & Tints

#121101

Dark
Light

#0EC78F

Dark
Light

#08A3A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #121101;
  --color-2: #0ec78f;
  --color-3: #08a3a8;
  --color-4: #a80808;
  --color-5: #eadc07;
}

SCSS

$color-1: #121101;
$color-2: #0ec78f;
$color-3: #08a3a8;
$color-4: #a80808;
$color-5: #eadc07;

TAILWIND

colors: {
  'brand-1': '#121101',
  'brand-2': '#0ec78f',
  'brand-3': '#08a3a8',
  'brand-4': '#a80808',
  'brand-5': '#eadc07',
}

RGB Array

[18, 17, 1], [14, 199, 143], [8, 163, 168], [168, 8, 8], [234, 220, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #121101, #0EC78F, #08A3A8, #A80808, #EADC07 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #121101; --color-2: #0ec78f; --color-3: #08a3a8; --color-4: #a80808; --color-5: #eadc07. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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