← Back to Editor

#2F2A38 · #B3A9C4 · #CEB7C5 · #E8C5C5 · #DBD0D0

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

#2F2A38

Deep Indigo · DarkSlateGray · Dark Purple

HEX
#2F2A38
RGB
rgb(47, 42, 56)
HSL
hsl(261, 14%, 19%)
HSB
hsb(261, 25%, 22%)
CMYK
cmyk(16%, 25%, 0%, 78%)
Oklch
oklch(29.6% 0.026 301.2)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#B3A9C4

Wisteria · Silver · Lilac Purple

HEX
#B3A9C4
RGB
rgb(179, 169, 196)
HSL
hsl(262, 19%, 72%)
HSB
hsb(262, 14%, 77%)
CMYK
cmyk(9%, 14%, 0%, 23%)
Oklch
oklch(75.2% 0.040 302.3)

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

#CEB7C5

Mauve · Silver · Cherry Blossom

HEX
#CEB7C5
RGB
rgb(206, 183, 197)
HSL
hsl(323, 19%, 76%)
HSB
hsb(323, 11%, 81%)
CMYK
cmyk(0%, 11%, 4%, 19%)
Oklch
oklch(80.3% 0.032 340.7)

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

#E8C5C5

Peach Pink · Pink · Cherry Blossom

HEX
#E8C5C5
RGB
rgb(232, 197, 197)
HSL
hsl(0, 43%, 84%)
HSB
hsb(0, 15%, 91%)
CMYK
cmyk(0%, 15%, 15%, 9%)
Oklch
oklch(85.3% 0.040 18.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#DBD0D0

Peach Pink · LightGray · Cherry Blossom

HEX
#DBD0D0
RGB
rgb(219, 208, 208)
HSL
hsl(0, 13%, 84%)
HSB
hsb(0, 5%, 86%)
CMYK
cmyk(0%, 5%, 5%, 14%)
Oklch
oklch(86.6% 0.012 17.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2F2A38
32372A

Analogous

2A2C37
2F2A38
352A37

Triadic

2F2A38
372E2A
2A372E

Split-Comp.

2F2A38
37352A
2C372A

Tetradic

2F2A38
372A2C
32372A
2A3735

Contrast Matrix WCAG 2.1 Contrast

2F2A38
B3A9C4
CEB7C5
E8C5C5
DBD0D0
—
6.2
AA
7.4
AAA
8.8
AAA
9.2
AAA
6.2
AA
—
1.2
Fail
1.4
Fail
1.5
Fail
7.4
AAA
1.2
Fail
—
1.2
Fail
1.2
Fail
8.8
AAA
1.4
Fail
1.2
Fail
—
1.1
Fail
9.2
AAA
1.5
Fail
1.2
Fail
1.1
Fail
—
White BG
13.9AAA
2.2Fail
1.9Fail
1.6Fail
1.5Fail
Black BG
1.5Fail
9.4AAA
11.2AAA
13.2AAA
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2D2D35
AFAFBD
C4C4C2
D9D9C5
D6D6D0

Deuteranopia

2D2E34
AFB0BC
C5C7C1
DBDDC5
D7D8D0

Tritanopia

2F3231
B2B8B7
CDBFBE
E6C5C5
DAD0D0

Achromatopsia

2D2D2D
AFAFAF
BFBFBF
CFCFCF
D3D3D3

Shades & Tints Shades & Tints

#2F2A38

Dark
Light

#B3A9C4

Dark
Light

#CEB7C5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2f2a38;
  --color-2: #b3a9c4;
  --color-3: #ceb7c5;
  --color-4: #e8c5c5;
  --color-5: #dbd0d0;
}

SCSS

$color-1: #2f2a38;
$color-2: #b3a9c4;
$color-3: #ceb7c5;
$color-4: #e8c5c5;
$color-5: #dbd0d0;

TAILWIND

colors: {
  'brand-1': '#2f2a38',
  'brand-2': '#b3a9c4',
  'brand-3': '#ceb7c5',
  'brand-4': '#e8c5c5',
  'brand-5': '#dbd0d0',
}

RGB Array

[47, 42, 56], [179, 169, 196], [206, 183, 197], [232, 197, 197], [219, 208, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2F2A38, #B3A9C4, #CEB7C5, #E8C5C5, #DBD0D0 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #2f2a38; --color-2: #b3a9c4; --color-3: #ceb7c5; --color-4: #e8c5c5; --color-5: #dbd0d0. 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 beauty, lifestyle, arts 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