← Back to Editor

#080401 · #655757 · #CB9289 · #DDC2B9 · #F0F1F5

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

#080401

Tangerine · Black · Cinnamon

HEX
#080401
RGB
rgb(8, 4, 1)
HSL
hsl(26, 78%, 2%)
HSB
hsb(26, 88%, 3%)
CMYK
cmyk(0%, 50%, 88%, 97%)
Oklch
oklch(11.3% 0.018 71.8)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#655757

Ink Gray · DimGray · Charcoal

HEX
#655757
RGB
rgb(101, 87, 87)
HSL
hsl(0, 7%, 37%)
HSB
hsb(0, 14%, 40%)
CMYK
cmyk(0%, 14%, 14%, 60%)
Oklch
oklch(47.0% 0.018 17.8)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#CB9289

Peach Pink · DarkSalmon · Coral Red

HEX
#CB9289
RGB
rgb(203, 146, 137)
HSL
hsl(8, 39%, 67%)
HSB
hsb(8, 33%, 80%)
CMYK
cmyk(0%, 28%, 33%, 20%)
Oklch
oklch(71.3% 0.071 29.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#DDC2B9

Apricot · Silver · Peach Orange

HEX
#DDC2B9
RGB
rgb(221, 194, 185)
HSL
hsl(15, 35%, 80%)
HSB
hsb(15, 16%, 87%)
CMYK
cmyk(0%, 12%, 16%, 13%)
Oklch
oklch(83.4% 0.033 39.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F0F1F5

Azure · Lavender · Sky Blue

HEX
#F0F1F5
RGB
rgb(240, 241, 245)
HSL
hsl(228, 20%, 95%)
HSB
hsb(228, 2%, 96%)
CMYK
cmyk(2%, 2%, 0%, 4%)
Oklch
oklch(95.9% 0.005 275.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

080401
010609

Analogous

090102
080401
090901

Triadic

080401
010905
050109

Split-Comp.

080401
010909
010209

Tetradic

080401
020901
010609
090109

Contrast Matrix WCAG 2.1 Contrast

080401
655757
CB9289
DDC2B9
F0F1F5
—
3.0
Fail
7.8
AAA
12.1
AAA
18.1
AAA
3.0
Fail
—
2.6
Fail
4.1
AA Large
6.1
AA
7.8
AAA
2.6
Fail
—
1.6
Fail
2.3
Fail
12.1
AAA
4.1
AA Large
1.6
Fail
—
1.5
Fail
18.1
AAA
6.1
AA
2.3
Fail
1.5
Fail
—
White BG
20.4AAA
6.9AA
2.6Fail
1.7Fail
1.1Fail
Black BG
1.0Fail
3.1AA Large
8.0AAA
12.5AAA
18.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

060602
5F5F57
B2B28B
D1D1BB
F0F0F4

Deuteranopia

070702
606157
B6BA8C
D3D5BC
F0F0F4

Tritanopia

080202
645757
C88D8D
DCBDBD
F0F3F3

Achromatopsia

050505
5B5B5B
A2A2A2
C9C9C9
F1F1F1

Shades & Tints Shades & Tints

#080401

Dark
Light

#655757

Dark
Light

#CB9289

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #080401;
  --color-2: #655757;
  --color-3: #cb9289;
  --color-4: #ddc2b9;
  --color-5: #f0f1f5;
}

SCSS

$color-1: #080401;
$color-2: #655757;
$color-3: #cb9289;
$color-4: #ddc2b9;
$color-5: #f0f1f5;

TAILWIND

colors: {
  'brand-1': '#080401',
  'brand-2': '#655757',
  'brand-3': '#cb9289',
  'brand-4': '#ddc2b9',
  'brand-5': '#f0f1f5',
}

RGB Array

[8, 4, 1], [101, 87, 87], [203, 146, 137], [221, 194, 185], [240, 241, 245]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #080401, #655757, #CB9289, #DDC2B9, #F0F1F5 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: #080401; --color-2: #655757; --color-3: #cb9289; --color-4: #ddc2b9; --color-5: #f0f1f5. 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