← Back to Editor

#0A0100 · #52A595 · #0B332B · #87845B · #C6B490

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

#0A0100

Vermilion · Black · Deep Berry

HEX
#0A0100
RGB
rgb(10, 1, 0)
HSL
hsl(6, 100%, 2%)
HSB
hsb(6, 100%, 4%)
CMYK
cmyk(0%, 90%, 100%, 96%)
Oklch
oklch(9.9% 0.031 39.8)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#52A595

Mineral Blue · CadetBlue · Mint Ice

HEX
#52A595
RGB
rgb(82, 165, 149)
HSL
hsl(168, 34%, 48%)
HSB
hsb(168, 50%, 65%)
CMYK
cmyk(50%, 0%, 10%, 35%)
Oklch
oklch(66.5% 0.085 179.3)

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

#0B332B

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#0B332B
RGB
rgb(11, 51, 43)
HSL
hsl(168, 65%, 12%)
HSB
hsb(168, 78%, 20%)
CMYK
cmyk(78%, 0%, 16%, 80%)
Oklch
oklch(29.1% 0.046 176.9)

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

#87845B

Autumn Sage · Gray · Honey Gold

HEX
#87845B
RGB
rgb(135, 132, 91)
HSL
hsl(56, 19%, 44%)
HSB
hsb(56, 33%, 53%)
CMYK
cmyk(0%, 2%, 33%, 47%)
Oklch
oklch(60.5% 0.058 104.4)

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

#C6B490

Ginger · Tan · Sunflower

HEX
#C6B490
RGB
rgb(198, 180, 144)
HSL
hsl(40, 32%, 67%)
HSB
hsb(40, 27%, 78%)
CMYK
cmyk(0%, 9%, 27%, 22%)
Oklch
oklch(77.6% 0.053 84.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0A0100
00090A

Analogous

0A0004
0A0100
0A0600

Triadic

0A0100
000A01
01000A

Split-Comp.

0A0100
000A06
00040A

Tetradic

0A0100
040A00
00090A
06000A

Contrast Matrix WCAG 2.1 Contrast

0A0100
52A595
0B332B
87845B
C6B490
—
7.1
AAA
1.5
Fail
5.4
AA
10.2
AAA
7.1
AAA
—
4.7
AA
1.3
Fail
1.4
Fail
1.5
Fail
4.7
AA
—
3.6
AA Large
6.8
AA
5.4
AA
1.3
Fail
3.6
AA Large
—
1.9
Fail
10.2
AAA
1.4
Fail
6.8
AA
1.9
Fail
—
White BG
20.6AAA
2.9Fail
13.8AAA
3.8AA Large
2.0Fail
Black BG
1.0Fail
7.2AAA
1.5Fail
5.5AA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

060600
767799
1C1D2D
868665
BEBE99

Deuteranopia

070700
716B9A
1A172D
868667
BFC19B

Tritanopia

0A0000
569C9D
0D2E2F
876D6E
C5A0A1

Achromatopsia

040404
8A8A8A
262626
808080
B5B5B5

Shades & Tints Shades & Tints

#0A0100

Dark
Light

#52A595

Dark
Light

#0B332B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0a0100;
  --color-2: #52a595;
  --color-3: #0b332b;
  --color-4: #87845b;
  --color-5: #c6b490;
}

SCSS

$color-1: #0a0100;
$color-2: #52a595;
$color-3: #0b332b;
$color-4: #87845b;
$color-5: #c6b490;

TAILWIND

colors: {
  'brand-1': '#0a0100',
  'brand-2': '#52a595',
  'brand-3': '#0b332b',
  'brand-4': '#87845b',
  'brand-5': '#c6b490',
}

RGB Array

[10, 1, 0], [82, 165, 149], [11, 51, 43], [135, 132, 91], [198, 180, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #0A0100, #52A595, #0B332B, #87845B, #C6B490 is ideal for: tech websites, dark mode UIs, game UIs, 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: #0a0100; --color-2: #52a595; --color-3: #0b332b; --color-4: #87845b; --color-5: #c6b490. 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 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