← Back to Editor

#363636 · #B0E5F7 · #D7CADB · #E8B7BB · #E8A8A2

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#363636

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#363636
RGB
rgb(54, 54, 54)
HSL
hsl(0, 0%, 21%)
HSB
hsb(0, 0%, 21%)
CMYK
cmyk(0%, 0%, 0%, 79%)
Oklch
oklch(33.3% 0.000 89.9)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#B0E5F7

Sky Blue · LightBlue · Glacier Blue

HEX
#B0E5F7
RGB
rgb(176, 229, 247)
HSL
hsl(195, 82%, 83%)
HSB
hsb(195, 29%, 97%)
CMYK
cmyk(29%, 7%, 0%, 3%)
Oklch
oklch(89.1% 0.060 220.7)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#D7CADB

Lilac · LightGray · Lavender

HEX
#D7CADB
RGB
rgb(215, 202, 219)
HSL
hsl(286, 19%, 83%)
HSB
hsb(286, 8%, 86%)
CMYK
cmyk(2%, 8%, 0%, 14%)
Oklch
oklch(85.5% 0.027 318.2)

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

#E8B7BB

Peach Pink · LightPink · Cherry Blossom

HEX
#E8B7BB
RGB
rgb(232, 183, 187)
HSL
hsl(355, 52%, 81%)
HSB
hsb(355, 21%, 91%)
CMYK
cmyk(0%, 21%, 19%, 9%)
Oklch
oklch(82.4% 0.057 12.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#E8A8A2

Peach Pink · BurlyWood · Coral Red

HEX
#E8A8A2
RGB
rgb(232, 168, 162)
HSL
hsl(5, 60%, 77%)
HSB
hsb(5, 30%, 91%)
CMYK
cmyk(0%, 28%, 30%, 9%)
Oklch
oklch(79.0% 0.077 25.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

363636
363636

Analogous

363636
363636
363636

Triadic

363636
363636
363636

Split-Comp.

363636
363636
363636

Tetradic

363636
363636
363636
363636

Contrast Matrix WCAG 2.1 Contrast

363636
B0E5F7
D7CADB
E8B7BB
E8A8A2
—
8.9
AAA
7.7
AAA
6.9
AA
6.1
AA
8.9
AAA
—
1.2
Fail
1.3
Fail
1.5
Fail
7.7
AAA
1.2
Fail
—
1.1
Fail
1.3
Fail
6.9
AA
1.3
Fail
1.1
Fail
—
1.1
Fail
6.1
AA
1.5
Fail
1.3
Fail
1.1
Fail
—
White BG
12.1AAA
1.4Fail
1.6Fail
1.8Fail
2.0Fail
Black BG
1.7Fail
15.4AAA
13.4AAA
11.9AAA
10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

363636
C7C7F3
D1D1D7
D3D2BA
CCCCA3

Deuteranopia

363636
C4C0F2
D2D3D6
D6D9BA
D0D5A4

Tritanopia

363636
B3EFEE
D6D4D3
E6B9B9
E5A5A5

Achromatopsia

363636
D7D7D7
D0D0D0
C6C6C6
BABABA

Shades & Tints Shades & Tints

#363636

Dark
Light

#B0E5F7

Dark
Light

#D7CADB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #363636;
  --color-2: #b0e5f7;
  --color-3: #d7cadb;
  --color-4: #e8b7bb;
  --color-5: #e8a8a2;
}

SCSS

$color-1: #363636;
$color-2: #b0e5f7;
$color-3: #d7cadb;
$color-4: #e8b7bb;
$color-5: #e8a8a2;

TAILWIND

colors: {
  'brand-1': '#363636',
  'brand-2': '#b0e5f7',
  'brand-3': '#d7cadb',
  'brand-4': '#e8b7bb',
  'brand-5': '#e8a8a2',
}

RGB Array

[54, 54, 54], [176, 229, 247], [215, 202, 219], [232, 183, 187], [232, 168, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #363636, #B0E5F7, #D7CADB, #E8B7BB, #E8A8A2 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: #363636; --color-2: #b0e5f7; --color-3: #d7cadb; --color-4: #e8b7bb; --color-5: #e8a8a2. 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 general-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