← Back to Editor

#362429 · #D26F8B · #9E9293 · #6BB59C · #F1F0EC

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

#362429

Dark Violet · DarkSlateGray · Raspberry

HEX
#362429
RGB
rgb(54, 36, 41)
HSL
hsl(343, 20%, 18%)
HSB
hsb(343, 33%, 21%)
CMYK
cmyk(0%, 33%, 24%, 79%)
Oklch
oklch(28.4% 0.029 0.8)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#D26F8B

Rouge · LightCoral · Rose Pink

HEX
#D26F8B
RGB
rgb(210, 111, 139)
HSL
hsl(343, 52%, 63%)
HSB
hsb(343, 47%, 82%)
CMYK
cmyk(0%, 47%, 34%, 18%)
Oklch
oklch(66.2% 0.127 3.1)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#9E9293

Ash · DarkGray · Silver Sand

HEX
#9E9293
RGB
rgb(158, 146, 147)
HSL
hsl(355, 6%, 60%)
HSB
hsb(355, 8%, 62%)
CMYK
cmyk(0%, 8%, 7%, 38%)
Oklch
oklch(67.1% 0.014 11.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#6BB59C

Mineral Blue · CadetBlue · Lake Green

HEX
#6BB59C
RGB
rgb(107, 181, 156)
HSL
hsl(160, 33%, 56%)
HSB
hsb(160, 41%, 71%)
CMYK
cmyk(41%, 0%, 14%, 29%)
Oklch
oklch(71.7% 0.083 170.2)

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

#F1F0EC

Goose Yellow · Linen · Lemon Cream

HEX
#F1F0EC
RGB
rgb(241, 240, 236)
HSL
hsl(48, 15%, 94%)
HSB
hsb(48, 2%, 95%)
CMYK
cmyk(0%, 0%, 2%, 5%)
Oklch
oklch(95.5% 0.005 95.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

362429
253732

Analogous

372533
362429
372925

Triadic

362429
2A3725
252A37

Split-Comp.

362429
253729
253337

Tetradic

362429
333725
253732
292537

Contrast Matrix WCAG 2.1 Contrast

362429
D26F8B
9E9293
6BB59C
F1F0EC
—
4.4
AA Large
4.8
AA
6.0
AA
12.8
AAA
4.4
AA Large
—
1.1
Fail
1.4
Fail
2.9
Fail
4.8
AA
1.1
Fail
—
1.2
Fail
2.6
Fail
6.0
AA
1.4
Fail
1.2
Fail
—
2.1
Fail
12.8
AAA
2.9
Fail
2.6
Fail
2.1
Fail
—
White BG
14.6AAA
3.3AA Large
3.0AA Large
2.4Fail
1.1Fail
Black BG
1.4Fail
6.4AA
7.0AA
8.7AAA
18.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E28
A7A684
999993
8B8CA2
F1F1ED

Deuteranopia

2F3128
ADB483
9A9A93
8781A4
F1F1ED

Tritanopia

352727
CD7F7E
9D9393
6FA7A8
F1EEEE

Achromatopsia

2A2A2A
909090
969696
9C9C9C
F0F0F0

Shades & Tints Shades & Tints

#362429

Dark
Light

#D26F8B

Dark
Light

#9E9293

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #362429;
  --color-2: #d26f8b;
  --color-3: #9e9293;
  --color-4: #6bb59c;
  --color-5: #f1f0ec;
}

SCSS

$color-1: #362429;
$color-2: #d26f8b;
$color-3: #9e9293;
$color-4: #6bb59c;
$color-5: #f1f0ec;

TAILWIND

colors: {
  'brand-1': '#362429',
  'brand-2': '#d26f8b',
  'brand-3': '#9e9293',
  'brand-4': '#6bb59c',
  'brand-5': '#f1f0ec',
}

RGB Array

[54, 36, 41], [210, 111, 139], [158, 146, 147], [107, 181, 156], [241, 240, 236]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #362429, #D26F8B, #9E9293, #6BB59C, #F1F0EC is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #362429; --color-2: #d26f8b; --color-3: #9e9293; --color-4: #6bb59c; --color-5: #f1f0ec. 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. Restrained colors convey professionalism and trust. 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