← Back to Editor

#0B686E · #8292AB · #D6C5DF · #EBD5DD · #EBE5DF

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

#0B686E

Lake Blue · Teal · Peacock Green

HEX
#0B686E
RGB
rgb(11, 104, 110)
HSL
hsl(184, 82%, 24%)
HSB
hsb(184, 90%, 43%)
CMYK
cmyk(90%, 5%, 0%, 57%)
Oklch
oklch(47.2% 0.078 202.0)

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

#8292AB

Azure · LightSlateGray · Navy Blue

HEX
#8292AB
RGB
rgb(130, 146, 171)
HSL
hsl(217, 20%, 59%)
HSB
hsb(217, 24%, 67%)
CMYK
cmyk(24%, 15%, 0%, 33%)
Oklch
oklch(65.6% 0.042 259.3)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#D6C5DF

Lilac · LightGray · Lavender

HEX
#D6C5DF
RGB
rgb(214, 197, 223)
HSL
hsl(279, 29%, 82%)
HSB
hsb(279, 12%, 87%)
CMYK
cmyk(4%, 12%, 0%, 13%)
Oklch
oklch(84.5% 0.040 314.1)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#EBD5DD

Rouge · LightGray · Cherry Blossom

HEX
#EBD5DD
RGB
rgb(235, 213, 221)
HSL
hsl(338, 35%, 88%)
HSB
hsb(338, 9%, 92%)
CMYK
cmyk(0%, 9%, 6%, 8%)
Oklch
oklch(89.3% 0.027 353.6)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#EBE5DF

Goose Yellow · Beige · Peach Orange

HEX
#EBE5DF
RGB
rgb(235, 229, 223)
HSL
hsl(30, 23%, 90%)
HSB
hsb(30, 5%, 92%)
CMYK
cmyk(0%, 3%, 5%, 8%)
Oklch
oklch(92.5% 0.010 67.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0B686E
6F120B

Analogous

0B6F44
0B686E
0B376F

Triadic

0B686E
6F0B69
696F0B

Split-Comp.

0B686E
6F0B37
6F440B

Tetradic

0B686E
440B6F
6F120B
376F0B

Contrast Matrix WCAG 2.1 Contrast

0B686E
8292AB
D6C5DF
EBD5DD
EBE5DF
—
2.1
Fail
4.0
AA Large
4.7
AA
5.2
AA
2.1
Fail
—
1.9
Fail
2.3
Fail
2.5
Fail
4.0
AA Large
1.9
Fail
—
1.2
Fail
1.3
Fail
4.7
AA
2.3
Fail
1.2
Fail
—
1.1
Fail
5.2
AA
2.5
Fail
1.3
Fail
1.1
Fail
—
White BG
6.5AA
3.2AA Large
1.6Fail
1.4Fail
1.2Fail
Black BG
3.2AA Large
6.6AA
12.9AAA
15.1AAA
16.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

33346D
8989A5
CFCED9
E1E1DB
E8E8E0

Deuteranopia

2E276C
8887A4
D0D1D7
E3E4DB
E9E9E1

Tritanopia

106B6B
83A09F
D5D4D3
EADAD9
EBE2E2

Achromatopsia

4D4D4D
909090
CDCDCD
DCDCDC
E6E6E6

Shades & Tints Shades & Tints

#0B686E

Dark
Light

#8292AB

Dark
Light

#D6C5DF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0b686e;
  --color-2: #8292ab;
  --color-3: #d6c5df;
  --color-4: #ebd5dd;
  --color-5: #ebe5df;
}

SCSS

$color-1: #0b686e;
$color-2: #8292ab;
$color-3: #d6c5df;
$color-4: #ebd5dd;
$color-5: #ebe5df;

TAILWIND

colors: {
  'brand-1': '#0b686e',
  'brand-2': '#8292ab',
  'brand-3': '#d6c5df',
  'brand-4': '#ebd5dd',
  'brand-5': '#ebe5df',
}

RGB Array

[11, 104, 110], [130, 146, 171], [214, 197, 223], [235, 213, 221], [235, 229, 223]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #0B686E, #8292AB, #D6C5DF, #EBD5DD, #EBE5DF is ideal for: health products, baby brands, fresh-style blogs, 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: #0b686e; --color-2: #8292ab; --color-3: #d6c5df; --color-4: #ebd5dd; --color-5: #ebe5df. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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