← Back to Editor

#292A22 · #72A175 · #F7D99B · #E8BA6F · #DD6250

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#292A22

Autumn Sage · DarkSlateGray · Amber Gold

HEX
#292A22
RGB
rgb(41, 42, 34)
HSL
hsl(67, 11%, 15%)
HSB
hsb(67, 19%, 16%)
CMYK
cmyk(2%, 0%, 19%, 84%)
Oklch
oklch(28.1% 0.014 113.1)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#72A175

Celadon · Gray · Olive Green

HEX
#72A175
RGB
rgb(114, 161, 117)
HSL
hsl(124, 20%, 54%)
HSB
hsb(124, 29%, 63%)
CMYK
cmyk(29%, 0%, 27%, 37%)
Oklch
oklch(66.3% 0.082 146.2)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#F7D99B

Goose Yellow · Khaki · Lemon Cream

HEX
#F7D99B
RGB
rgb(247, 217, 155)
HSL
hsl(40, 85%, 79%)
HSB
hsb(40, 37%, 97%)
CMYK
cmyk(0%, 12%, 37%, 3%)
Oklch
oklch(89.6% 0.086 84.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E8BA6F

Ginger · BurlyWood · Warm Sun

HEX
#E8BA6F
RGB
rgb(232, 186, 111)
HSL
hsl(37, 72%, 67%)
HSB
hsb(37, 52%, 91%)
CMYK
cmyk(0%, 20%, 52%, 9%)
Oklch
oklch(81.4% 0.107 78.6)

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

#DD6250

Vermilion · Tomato · Passion Red

HEX
#DD6250
RGB
rgb(221, 98, 80)
HSL
hsl(8, 67%, 59%)
HSB
hsb(8, 64%, 87%)
CMYK
cmyk(0%, 56%, 64%, 13%)
Oklch
oklch(64.5% 0.158 30.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

292A22
23222A

Analogous

2A2722
292A22
252A22

Triadic

292A22
22292A
2A2229

Split-Comp.

292A22
22252A
27222A

Tetradic

292A22
222A27
23222A
2A2225

Contrast Matrix WCAG 2.1 Contrast

292A22
72A175
F7D99B
E8BA6F
DD6250
—
4.9
AA
10.6
AAA
8.1
AAA
4.1
AA Large
4.9
AA
—
2.2
Fail
1.7
Fail
1.2
Fail
10.6
AAA
2.2
Fail
—
1.3
Fail
2.6
Fail
8.1
AAA
1.7
Fail
1.3
Fail
—
2.0
Fail
4.1
AA Large
1.2
Fail
2.6
Fail
2.0
Fail
—
White BG
14.5AAA
3.0Fail
1.4Fail
1.8Fail
3.5AA Large
Black BG
1.4Fail
7.1AAA
15.4AAA
11.7AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

292924
868780
EAEAAA
D4D481
A8A754

Deuteranopia

292924
848082
ECEEAE
D7DA86
AFB855

Tritanopia

292526
74888A
F5B6B8
E68F93
D75859

Achromatopsia

292929
8E8E8E
DBDBDB
BFBFBF
858585

Shades & Tints Shades & Tints

#292A22

Dark
Light

#72A175

Dark
Light

#F7D99B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #292a22;
  --color-2: #72a175;
  --color-3: #f7d99b;
  --color-4: #e8ba6f;
  --color-5: #dd6250;
}

SCSS

$color-1: #292a22;
$color-2: #72a175;
$color-3: #f7d99b;
$color-4: #e8ba6f;
$color-5: #dd6250;

TAILWIND

colors: {
  'brand-1': '#292a22',
  'brand-2': '#72a175',
  'brand-3': '#f7d99b',
  'brand-4': '#e8ba6f',
  'brand-5': '#dd6250',
}

RGB Array

[41, 42, 34], [114, 161, 117], [247, 217, 155], [232, 186, 111], [221, 98, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #292A22, #72A175, #F7D99B, #E8BA6F, #DD6250 is ideal for: 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: #292a22; --color-2: #72a175; --color-3: #f7d99b; --color-4: #e8ba6f; --color-5: #dd6250. 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 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