← Back to Editor

#98944B · #E17900 · #030400 · #746167 · #F7D5A5

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

#98944B

Autumn Sage · Gray · Honey Gold

HEX
#98944B
RGB
rgb(152, 148, 75)
HSL
hsl(57, 34%, 45%)
HSB
hsb(57, 51%, 60%)
CMYK
cmyk(0%, 3%, 51%, 40%)
Oklch
oklch(65.4% 0.095 105.9)

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

#E17900

Ochre · Chocolate · Amber Brown

HEX
#E17900
RGB
rgb(225, 121, 0)
HSL
hsl(32, 100%, 44%)
HSB
hsb(32, 100%, 88%)
CMYK
cmyk(0%, 46%, 100%, 12%)
Oklch
oklch(68.0% 0.164 57.3)

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

#030400

Grass Green · Black · Dark Green

HEX
#030400
RGB
rgb(3, 4, 0)
HSL
hsl(75, 100%, 1%)
HSB
hsb(75, 100%, 2%)
CMYK
cmyk(25%, 0%, 100%, 98%)
Oklch
oklch(10.1% 0.023 118.1)

Traditional「Grass Green」· Paint「Dark Green」· Creative Blush Sunrise

#746167

Dark Violet · DimGray · Warm Gray

HEX
#746167
RGB
rgb(116, 97, 103)
HSL
hsl(341, 9%, 42%)
HSB
hsb(341, 16%, 45%)
CMYK
cmyk(0%, 16%, 11%, 55%)
Oklch
oklch(51.3% 0.026 357.1)

Traditional「Dark Violet」· Paint「Warm Gray」· Creative Urban Concrete

#F7D5A5

Goose Yellow · Wheat · Peach Orange

HEX
#F7D5A5
RGB
rgb(247, 213, 165)
HSL
hsl(35, 84%, 81%)
HSB
hsb(35, 33%, 97%)
CMYK
cmyk(0%, 14%, 33%, 3%)
Oklch
oklch(89.0% 0.073 76.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

98944B
4C509A

Analogous

9A6F4C
98944B
779A4C

Triadic

98944B
4C9A96
964C9A

Split-Comp.

98944B
4C779A
6F4C9A

Tetradic

98944B
4C9A6F
4C509A
9A4C77

Contrast Matrix WCAG 2.1 Contrast

98944B
E17900
030400
746167
F7D5A5
—
1.0
Fail
6.5
AA
1.8
Fail
2.3
Fail
1.0
Fail
—
6.8
AA
1.9
Fail
2.2
Fail
6.5
AA
6.8
AA
—
3.6
AA Large
14.7
AAA
1.8
Fail
1.9
Fail
3.6
AA Large
—
4.1
AA Large
2.3
Fail
2.2
Fail
14.7
AAA
4.1
AA Large
—
White BG
3.1AA Large
3.0AA Large
20.6AAA
5.8AA
1.4Fail
Black BG
6.7AA
6.9AA
1.0Fail
3.6AA Large
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

96965D
B4B31D
030301
6C6C66
E8E8B1

Deuteranopia

979761
BAC224
030301
6D6E65
EAEDB3

Tritanopia

986B6E
DC3439
030202
736464
F5BABC

Achromatopsia

8D8D8D
8A8A8A
030303
676767
DADADA

Shades & Tints Shades & Tints

#98944B

Dark
Light

#E17900

Dark
Light

#030400

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #98944b;
  --color-2: #e17900;
  --color-3: #030400;
  --color-4: #746167;
  --color-5: #f7d5a5;
}

SCSS

$color-1: #98944b;
$color-2: #e17900;
$color-3: #030400;
$color-4: #746167;
$color-5: #f7d5a5;

TAILWIND

colors: {
  'brand-1': '#98944b',
  'brand-2': '#e17900',
  'brand-3': '#030400',
  'brand-4': '#746167',
  'brand-5': '#f7d5a5',
}

RGB Array

[152, 148, 75], [225, 121, 0], [3, 4, 0], [116, 97, 103], [247, 213, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #98944B, #E17900, #030400, #746167, #F7D5A5 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: #98944b; --color-2: #e17900; --color-3: #030400; --color-4: #746167; --color-5: #f7d5a5. 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