← Back to Editor

#7E8154 · #292522 · #D93F0B · #F2AC10 · #F1D896

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

#7E8154

Autumn Sage · DimGray · Honey Gold

HEX
#7E8154
RGB
rgb(126, 129, 84)
HSL
hsl(64, 21%, 42%)
HSB
hsb(64, 35%, 51%)
CMYK
cmyk(2%, 0%, 35%, 49%)
Oklch
oklch(58.9% 0.064 111.4)

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

#292522

Tangerine · DarkSlateGray · Dark Stone

HEX
#292522
RGB
rgb(41, 37, 34)
HSL
hsl(26, 9%, 15%)
HSB
hsb(26, 17%, 16%)
CMYK
cmyk(0%, 10%, 17%, 84%)
Oklch
oklch(26.8% 0.008 59.3)

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

#D93F0B

Tangerine · OrangeRed · Amber Brown

HEX
#D93F0B
RGB
rgb(217, 63, 11)
HSL
hsl(15, 90%, 45%)
HSB
hsb(15, 95%, 85%)
CMYK
cmyk(0%, 71%, 95%, 15%)
Oklch
oklch(59.0% 0.198 35.9)

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

#F2AC10

Ginger · Orange · Sunflower

HEX
#F2AC10
RGB
rgb(242, 172, 16)
HSL
hsl(41, 90%, 51%)
HSB
hsb(41, 93%, 95%)
CMYK
cmyk(0%, 29%, 93%, 5%)
Oklch
oklch(79.1% 0.162 78.7)

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

#F1D896

Goose Yellow · Khaki · Lemon Cream

HEX
#F1D896
RGB
rgb(241, 216, 150)
HSL
hsl(44, 76%, 77%)
HSB
hsb(44, 38%, 95%)
CMYK
cmyk(0%, 10%, 38%, 5%)
Oklch
oklch(88.8% 0.088 89.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7E8154
585582

Analogous

826E55
7E8154
688255

Triadic

7E8154
557F82
82557F

Split-Comp.

7E8154
556882
6E5582

Tetradic

7E8154
55826E
585582
825568

Contrast Matrix WCAG 2.1 Contrast

7E8154
292522
D93F0B
F2AC10
F1D896
—
3.7
AA Large
1.1
Fail
2.1
Fail
2.9
Fail
3.7
AA Large
—
3.4
AA Large
7.7
AAA
10.9
AAA
1.1
Fail
3.4
AA Large
—
2.3
Fail
3.2
AA Large
2.1
Fail
7.7
AAA
2.3
Fail
—
1.4
Fail
2.9
Fail
10.9
AAA
3.2
AA Large
1.4
Fail
—
White BG
4.1AA Large
15.2AAA
4.5AA
2.0Fail
1.4Fail
Black BG
5.2AA
1.4Fail
4.7AA
10.7AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7F5F
272723
969518
D4D336
E6E6A6

Deuteranopia

7F7F62
282823
9FAB1B
D8DD3F
E8EAAA

Tritanopia

7E6769
292323
D12224
EE545A
F0B3B5

Achromatopsia

7B7B7B
262626
676767
AFAFAF
D8D8D8

Shades & Tints Shades & Tints

#7E8154

Dark
Light

#292522

Dark
Light

#D93F0B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7e8154;
  --color-2: #292522;
  --color-3: #d93f0b;
  --color-4: #f2ac10;
  --color-5: #f1d896;
}

SCSS

$color-1: #7e8154;
$color-2: #292522;
$color-3: #d93f0b;
$color-4: #f2ac10;
$color-5: #f1d896;

TAILWIND

colors: {
  'brand-1': '#7e8154',
  'brand-2': '#292522',
  'brand-3': '#d93f0b',
  'brand-4': '#f2ac10',
  'brand-5': '#f1d896',
}

RGB Array

[126, 129, 84], [41, 37, 34], [217, 63, 11], [242, 172, 16], [241, 216, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7E8154, #292522, #D93F0B, #F2AC10, #F1D896 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: #7e8154; --color-2: #292522; --color-3: #d93f0b; --color-4: #f2ac10; --color-5: #f1d896. 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