← Back to Editor

#2D292E · #E2F4C9 · #F7932F · #D17428 · #E8D44F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#2D292E

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2D292E
RGB
rgb(45, 41, 46)
HSL
hsl(288, 6%, 17%)
HSB
hsb(288, 11%, 18%)
CMYK
cmyk(2%, 11%, 0%, 82%)
Oklch
oklch(28.7% 0.011 319.5)

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

#E2F4C9

Willow Green · Beige · Mint Green

HEX
#E2F4C9
RGB
rgb(226, 244, 201)
HSL
hsl(85, 66%, 87%)
HSB
hsb(85, 18%, 96%)
CMYK
cmyk(7%, 0%, 18%, 4%)
Oklch
oklch(94.3% 0.060 126.0)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#F7932F

Ginger · GoldenRod · Warm Sun

HEX
#F7932F
RGB
rgb(247, 147, 47)
HSL
hsl(30, 93%, 58%)
HSB
hsb(30, 81%, 97%)
CMYK
cmyk(0%, 40%, 81%, 3%)
Oklch
oklch(75.3% 0.160 60.0)

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

#D17428

Tangerine · Chocolate · Amber Brown

HEX
#D17428
RGB
rgb(209, 116, 40)
HSL
hsl(27, 68%, 49%)
HSB
hsb(27, 81%, 82%)
CMYK
cmyk(0%, 44%, 81%, 18%)
Oklch
oklch(65.1% 0.144 54.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#E8D44F

Fresh Green · SandyBrown · Sunflower

HEX
#E8D44F
RGB
rgb(232, 212, 79)
HSL
hsl(52, 77%, 61%)
HSB
hsb(52, 66%, 91%)
CMYK
cmyk(0%, 9%, 66%, 9%)
Oklch
oklch(86.3% 0.151 100.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2D292E
2A2E29

Analogous

2A292E
2D292E
2E292C

Triadic

2D292E
2E2D29
292E2D

Split-Comp.

2D292E
2C2E29
292E2A

Tetradic

2D292E
2E2A29
2A2E29
292C2E

Contrast Matrix WCAG 2.1 Contrast

2D292E
E2F4C9
F7932F
D17428
E8D44F
—
12.3
AAA
6.2
AA
4.2
AA Large
9.5
AAA
12.3
AAA
—
2.0
Fail
2.9
Fail
1.3
Fail
6.2
AA
2.0
Fail
—
1.5
Fail
1.5
Fail
4.2
AA Large
2.9
Fail
1.5
Fail
—
2.2
Fail
9.5
AAA
1.3
Fail
1.5
Fail
2.2
Fail
—
White BG
14.3AAA
1.2Fail
2.3Fail
3.4AA Large
1.5Fail
Black BG
1.5Fail
18.0AAA
9.2AAA
6.2AA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2B2D
EAEAD3
CCCB47
A9A83A
DFDF6F

Deuteranopia

2C2C2C
E9E7D6
D2D94D
AEB53F
E1E277

Tritanopia

2D2C2C
E3DCDD
F25A5F
CC494C
E7898E

Achromatopsia

2B2B2B
EAEAEA
A6A6A6
878787
CBCBCB

Shades & Tints Shades & Tints

#2D292E

Dark
Light

#E2F4C9

Dark
Light

#F7932F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2d292e;
  --color-2: #e2f4c9;
  --color-3: #f7932f;
  --color-4: #d17428;
  --color-5: #e8d44f;
}

SCSS

$color-1: #2d292e;
$color-2: #e2f4c9;
$color-3: #f7932f;
$color-4: #d17428;
$color-5: #e8d44f;

TAILWIND

colors: {
  'brand-1': '#2d292e',
  'brand-2': '#e2f4c9',
  'brand-3': '#f7932f',
  'brand-4': '#d17428',
  'brand-5': '#e8d44f',
}

RGB Array

[45, 41, 46], [226, 244, 201], [247, 147, 47], [209, 116, 40], [232, 212, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2D292E, #E2F4C9, #F7932F, #D17428, #E8D44F 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: #2d292e; --color-2: #e2f4c9; --color-3: #f7932f; --color-4: #d17428; --color-5: #e8d44f. 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