← Back to Editor

#0E1B2C · #E8C6A3 · #FFE7C2 · #FFEFD7 · #2C0000

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#0E1B2C

Indigo · Black · Deep Sea Blue

HEX
#0E1B2C
RGB
rgb(14, 27, 44)
HSL
hsl(214, 52%, 11%)
HSB
hsb(214, 68%, 17%)
CMYK
cmyk(68%, 39%, 0%, 83%)
Oklch
oklch(22.0% 0.038 255.6)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#E8C6A3

Goose Yellow · Wheat · Peach Orange

HEX
#E8C6A3
RGB
rgb(232, 198, 163)
HSL
hsl(30, 60%, 77%)
HSB
hsb(30, 30%, 91%)
CMYK
cmyk(0%, 15%, 30%, 9%)
Oklch
oklch(84.7% 0.061 67.7)

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

#FFE7C2

Goose Yellow · Bisque · Peach Orange

HEX
#FFE7C2
RGB
rgb(255, 231, 194)
HSL
hsl(36, 100%, 88%)
HSB
hsb(36, 24%, 100%)
CMYK
cmyk(0%, 9%, 24%, 0%)
Oklch
oklch(93.8% 0.055 78.6)

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

#FFEFD7

Goose Yellow · Beige · Peach Orange

HEX
#FFEFD7
RGB
rgb(255, 239, 215)
HSL
hsl(36, 100%, 92%)
HSB
hsb(36, 16%, 100%)
CMYK
cmyk(0%, 6%, 16%, 0%)
Oklch
oklch(95.9% 0.036 78.1)

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

#2C0000

Vermilion · Black · Deep Berry

HEX
#2C0000
RGB
rgb(44, 0, 0)
HSL
hsl(0, 100%, 9%)
HSB
hsb(0, 100%, 17%)
CMYK
cmyk(0%, 100%, 100%, 83%)
Oklch
oklch(18.4% 0.076 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0E1B2C
2B1E0D

Analogous

0D292B
0E1B2C
0F0D2B

Triadic

0E1B2C
2B0D1A
1A2B0D

Split-Comp.

0E1B2C
2B0F0D
292B0D

Tetradic

0E1B2C
2B0D29
2B1E0D
0D2B0F

Contrast Matrix WCAG 2.1 Contrast

0E1B2C
E8C6A3
FFE7C2
FFEFD7
2C0000
—
10.8
AAA
14.4
AAA
15.3
AAA
1.1
Fail
10.8
AAA
—
1.3
Fail
1.4
Fail
11.8
AAA
14.4
AAA
1.3
Fail
—
1.1
Fail
15.8
AAA
15.3
AAA
1.4
Fail
1.1
Fail
—
16.8
AAA
1.1
Fail
11.8
AAA
15.8
AAA
16.8
AAA
—
White BG
17.3AAA
1.6Fail
1.2Fail
1.1Fail
19.0AAA
Black BG
1.2Fail
13.0AAA
17.5AAA
18.6AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

141428
D9D9AB
F5F4CB
F8F8DD
191900

Deuteranopia

131227
DBDEAE
F6F8CD
F9FADE
1C1F00

Tritanopia

0F2524
E6B2B4
FED2D4
FEE1E2
2A0000

Achromatopsia

191919
CCCCCC
EAEAEA
F1F1F1
0D0D0D

Shades & Tints Shades & Tints

#0E1B2C

Dark
Light

#E8C6A3

Dark
Light

#FFE7C2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0e1b2c;
  --color-2: #e8c6a3;
  --color-3: #ffe7c2;
  --color-4: #ffefd7;
  --color-5: #2c0000;
}

SCSS

$color-1: #0e1b2c;
$color-2: #e8c6a3;
$color-3: #ffe7c2;
$color-4: #ffefd7;
$color-5: #2c0000;

TAILWIND

colors: {
  'brand-1': '#0e1b2c',
  'brand-2': '#e8c6a3',
  'brand-3': '#ffe7c2',
  'brand-4': '#ffefd7',
  'brand-5': '#2c0000',
}

RGB Array

[14, 27, 44], [232, 198, 163], [255, 231, 194], [255, 239, 215], [44, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0E1B2C, #E8C6A3, #FFE7C2, #FFEFD7, #2C0000 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #0e1b2c; --color-2: #e8c6a3; --color-3: #ffe7c2; --color-4: #ffefd7; --color-5: #2c0000. 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 general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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