← Back to Editor

#2E1919 · #DBD9B4 · #DAE4E6 · #F5F0CE · #B8A584

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

#2E1919

Crimson · Black · Deep Berry

HEX
#2E1919
RGB
rgb(46, 25, 25)
HSL
hsl(0, 30%, 14%)
HSB
hsb(0, 46%, 18%)
CMYK
cmyk(0%, 46%, 46%, 82%)
Oklch
oklch(24.2% 0.034 19.8)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#DBD9B4

Fresh Green · Wheat · Lemon Cream

HEX
#DBD9B4
RGB
rgb(219, 217, 180)
HSL
hsl(57, 35%, 78%)
HSB
hsb(57, 18%, 86%)
CMYK
cmyk(0%, 1%, 18%, 14%)
Oklch
oklch(87.7% 0.049 104.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#DAE4E6

Sky Blue · Lavender · Glacier Blue

HEX
#DAE4E6
RGB
rgb(218, 228, 230)
HSL
hsl(190, 19%, 88%)
HSB
hsb(190, 5%, 90%)
CMYK
cmyk(5%, 1%, 0%, 10%)
Oklch
oklch(91.2% 0.011 211.0)

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

#F5F0CE

Fresh Green · Beige · Lemon Cream

HEX
#F5F0CE
RGB
rgb(245, 240, 206)
HSL
hsl(52, 66%, 88%)
HSB
hsb(52, 16%, 96%)
CMYK
cmyk(0%, 2%, 16%, 4%)
Oklch
oklch(95.0% 0.045 100.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#B8A584

Ginger · Tan · Warm Sun

HEX
#B8A584
RGB
rgb(184, 165, 132)
HSL
hsl(38, 27%, 62%)
HSB
hsb(38, 28%, 72%)
CMYK
cmyk(0%, 10%, 28%, 28%)
Oklch
oklch(73.0% 0.051 81.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E1919
192E2E

Analogous

2E1924
2E1919
2E2419

Triadic

2E1919
192E19
19192E

Split-Comp.

2E1919
192E24
19242E

Tetradic

2E1919
242E19
192E2E
24192E

Contrast Matrix WCAG 2.1 Contrast

2E1919
DBD9B4
DAE4E6
F5F0CE
B8A584
—
11.5
AAA
12.8
AAA
14.4
AAA
6.9
AA
11.5
AAA
—
1.1
Fail
1.2
Fail
1.7
Fail
12.8
AAA
1.1
Fail
—
1.1
Fail
1.9
Fail
14.4
AAA
1.2
Fail
1.1
Fail
—
2.1
Fail
6.9
AA
1.7
Fail
1.9
Fail
2.1
Fail
—
White BG
16.5AAA
1.4Fail
1.3Fail
1.2Fail
2.4Fail
Black BG
1.3Fail
14.6AAA
16.2AAA
18.2AAA
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

252519
DADABD
DEDEE6
F3F3D6
B0B08C

Deuteranopia

262819
DADABF
DEDDE5
F3F4D8
B1B28E

Tritanopia

2D1919
DBC4C6
DBE5E5
F5DDDE
B79294

Achromatopsia

1F1F1F
D5D5D5
E1E1E1
EEEEEE
A7A7A7

Shades & Tints Shades & Tints

#2E1919

Dark
Light

#DBD9B4

Dark
Light

#DAE4E6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e1919;
  --color-2: #dbd9b4;
  --color-3: #dae4e6;
  --color-4: #f5f0ce;
  --color-5: #b8a584;
}

SCSS

$color-1: #2e1919;
$color-2: #dbd9b4;
$color-3: #dae4e6;
$color-4: #f5f0ce;
$color-5: #b8a584;

TAILWIND

colors: {
  'brand-1': '#2e1919',
  'brand-2': '#dbd9b4',
  'brand-3': '#dae4e6',
  'brand-4': '#f5f0ce',
  'brand-5': '#b8a584',
}

RGB Array

[46, 25, 25], [219, 217, 180], [218, 228, 230], [245, 240, 206], [184, 165, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2E1919, #DBD9B4, #DAE4E6, #F5F0CE, #B8A584 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: #2e1919; --color-2: #dbd9b4; --color-3: #dae4e6; --color-4: #f5f0ce; --color-5: #b8a584. 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