← Back to Editor

#292A23 · #E6A81F · #F58553 · #F6CE90 · #F8B791

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

#292A23

Autumn Sage · DarkSlateGray · Dark Stone

HEX
#292A23
RGB
rgb(41, 42, 35)
HSL
hsl(69, 9%, 15%)
HSB
hsb(69, 17%, 16%)
CMYK
cmyk(2%, 0%, 17%, 84%)
Oklch
oklch(28.2% 0.013 113.8)

Traditional「Autumn Sage」· Paint「Dark Stone」· Creative Midnight Shadow

#E6A81F

Ginger · GoldenRod · Sunflower

HEX
#E6A81F
RGB
rgb(230, 168, 31)
HSL
hsl(41, 80%, 51%)
HSB
hsb(41, 87%, 90%)
CMYK
cmyk(0%, 27%, 87%, 10%)
Oklch
oklch(77.0% 0.153 80.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#F58553

Apricot · Coral · Warm Sun

HEX
#F58553
RGB
rgb(245, 133, 83)
HSL
hsl(19, 89%, 64%)
HSB
hsb(19, 66%, 96%)
CMYK
cmyk(0%, 46%, 66%, 4%)
Oklch
oklch(73.1% 0.152 43.8)

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

#F6CE90

Goose Yellow · Khaki · Peach Orange

HEX
#F6CE90
RGB
rgb(246, 206, 144)
HSL
hsl(36, 85%, 76%)
HSB
hsb(36, 41%, 96%)
CMYK
cmyk(0%, 16%, 41%, 4%)
Oklch
oklch(87.2% 0.091 78.1)

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

#F8B791

Apricot · BurlyWood · Peach Orange

HEX
#F8B791
RGB
rgb(248, 183, 145)
HSL
hsl(22, 88%, 77%)
HSB
hsb(22, 42%, 97%)
CMYK
cmyk(0%, 26%, 42%, 3%)
Oklch
oklch(83.1% 0.091 51.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

292A23
24232A

Analogous

2A2723
292A23
252A23

Triadic

292A23
23292A
2A2329

Split-Comp.

292A23
23252A
27232A

Tetradic

292A23
232A27
24232A
2A2325

Contrast Matrix WCAG 2.1 Contrast

292A23
E6A81F
F58553
F6CE90
F8B791
—
6.9
AA
5.8
AA
9.8
AAA
8.4
AAA
6.9
AA
—
1.2
Fail
1.4
Fail
1.2
Fail
5.8
AA
1.2
Fail
—
1.7
Fail
1.5
Fail
9.8
AAA
1.4
Fail
1.7
Fail
—
1.2
Fail
8.4
AAA
1.2
Fail
1.5
Fail
1.2
Fail
—
White BG
14.5AAA
2.1Fail
2.5Fail
1.5Fail
1.7Fail
Black BG
1.4Fail
10.0AAA
8.4AAA
14.1AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

292925
CBCB40
C5C35F
E5E49F
DCDB9A

Deuteranopia

292925
CFD348
CBD362
E7EAA3
E0E59C

Tritanopia

292626
E35A60
EF696B
F4ABAD
F5A1A3

Achromatopsia

292929
ABABAB
A1A1A1
D3D3D3
C6C6C6

Shades & Tints Shades & Tints

#292A23

Dark
Light

#E6A81F

Dark
Light

#F58553

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #292a23;
  --color-2: #e6a81f;
  --color-3: #f58553;
  --color-4: #f6ce90;
  --color-5: #f8b791;
}

SCSS

$color-1: #292a23;
$color-2: #e6a81f;
$color-3: #f58553;
$color-4: #f6ce90;
$color-5: #f8b791;

TAILWIND

colors: {
  'brand-1': '#292a23',
  'brand-2': '#e6a81f',
  'brand-3': '#f58553',
  'brand-4': '#f6ce90',
  'brand-5': '#f8b791',
}

RGB Array

[41, 42, 35], [230, 168, 31], [245, 133, 83], [246, 206, 144], [248, 183, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #292A23, #E6A81F, #F58553, #F6CE90, #F8B791 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: #292a23; --color-2: #e6a81f; --color-3: #f58553; --color-4: #f6ce90; --color-5: #f8b791. 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