← Back to Editor

#E4E3C7 · #DA8C28 · #CA2706 · #0F1628 · #0D8665

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

#E4E3C7

Fresh Green · LightGray · Lemon Cream

HEX
#E4E3C7
RGB
rgb(228, 227, 199)
HSL
hsl(58, 35%, 84%)
HSB
hsb(58, 13%, 89%)
CMYK
cmyk(0%, 0%, 13%, 11%)
Oklch
oklch(90.9% 0.037 105.4)

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

#DA8C28

Ginger · GoldenRod · Warm Sun

HEX
#DA8C28
RGB
rgb(218, 140, 40)
HSL
hsl(34, 71%, 51%)
HSB
hsb(34, 82%, 85%)
CMYK
cmyk(0%, 36%, 82%, 15%)
Oklch
oklch(70.5% 0.143 67.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#CA2706

Vermilion · FireBrick · Passion Red

HEX
#CA2706
RGB
rgb(202, 39, 6)
HSL
hsl(10, 94%, 41%)
HSB
hsb(10, 97%, 79%)
CMYK
cmyk(0%, 81%, 97%, 21%)
Oklch
oklch(54.3% 0.201 32.2)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#0F1628

Indigo · Black · Deep Sea Blue

HEX
#0F1628
RGB
rgb(15, 22, 40)
HSL
hsl(223, 45%, 11%)
HSB
hsb(223, 63%, 16%)
CMYK
cmyk(62%, 45%, 0%, 84%)
Oklch
oklch(20.3% 0.038 266.9)

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

#0D8665

Mineral Blue · Teal · Mint Ice

HEX
#0D8665
RGB
rgb(13, 134, 101)
HSL
hsl(164, 82%, 29%)
HSB
hsb(164, 90%, 53%)
CMYK
cmyk(90%, 0%, 25%, 47%)
Oklch
oklch(55.2% 0.110 167.5)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4E3C7
C8C9E4

Analogous

E4D5C8
E4E3C7
D7E4C8

Triadic

E4E3C7
C8E4E4
E4C8E4

Split-Comp.

E4E3C7
C8D7E4
D5C8E4

Tetradic

E4E3C7
C8E4D5
C8C9E4
E4C8D7

Contrast Matrix WCAG 2.1 Contrast

E4E3C7
DA8C28
CA2706
0F1628
0D8665
—
2.1
Fail
4.2
AA Large
13.8
AAA
3.5
AA Large
2.1
Fail
—
2.0
Fail
6.7
AA
1.7
Fail
4.2
AA Large
2.0
Fail
—
3.3
AA Large
1.2
Fail
13.8
AAA
6.7
AA
3.3
AA Large
—
4.0
AA Large
3.5
AA Large
1.7
Fail
1.2
Fail
4.0
AA Large
—
White BG
1.3Fail
2.7Fail
5.5AA
18.0AAA
4.6AA
Black BG
16.1AAA
7.8AAA
3.8AA Large
1.2Fail
4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4CE
B8B840
83820E
121224
41426D

Deuteranopia

E4E4CF
BDC346
8D9910
121123
3A316F

Tritanopia

E4D3D4
D65358
C21416
0F201F
137375

Achromatopsia

E0E0E0
989898
545454
161616
5E5E5E

Shades & Tints Shades & Tints

#E4E3C7

Dark
Light

#DA8C28

Dark
Light

#CA2706

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4e3c7;
  --color-2: #da8c28;
  --color-3: #ca2706;
  --color-4: #0f1628;
  --color-5: #0d8665;
}

SCSS

$color-1: #e4e3c7;
$color-2: #da8c28;
$color-3: #ca2706;
$color-4: #0f1628;
$color-5: #0d8665;

TAILWIND

colors: {
  'brand-1': '#e4e3c7',
  'brand-2': '#da8c28',
  'brand-3': '#ca2706',
  'brand-4': '#0f1628',
  'brand-5': '#0d8665',
}

RGB Array

[228, 227, 199], [218, 140, 40], [202, 39, 6], [15, 22, 40], [13, 134, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E4E3C7, #DA8C28, #CA2706, #0F1628, #0D8665 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: #e4e3c7; --color-2: #da8c28; --color-3: #ca2706; --color-4: #0f1628; --color-5: #0d8665. 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