← Back to Editor

#EA9F00 · #FADD8D · #5D7C6D · #2A695C · #02292B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#EA9F00

Ochre · Orange · Honey Gold

HEX
#EA9F00
RGB
rgb(234, 159, 0)
HSL
hsl(41, 100%, 46%)
HSB
hsb(41, 100%, 92%)
CMYK
cmyk(0%, 32%, 100%, 8%)
Oklch
oklch(75.7% 0.160 75.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#FADD8D

Goose Yellow · Khaki · Lemon Cream

HEX
#FADD8D
RGB
rgb(250, 221, 141)
HSL
hsl(44, 92%, 77%)
HSB
hsb(44, 44%, 98%)
CMYK
cmyk(0%, 12%, 44%, 2%)
Oklch
oklch(90.4% 0.104 90.3)

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

#5D7C6D

Mineral Blue · DimGray · Olive Green

HEX
#5D7C6D
RGB
rgb(93, 124, 109)
HSL
hsl(151, 14%, 43%)
HSB
hsb(151, 25%, 49%)
CMYK
cmyk(25%, 0%, 12%, 51%)
Oklch
oklch(55.8% 0.043 163.8)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#2A695C

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#2A695C
RGB
rgb(42, 105, 92)
HSL
hsl(168, 43%, 29%)
HSB
hsb(168, 60%, 41%)
CMYK
cmyk(60%, 0%, 12%, 59%)
Oklch
oklch(47.6% 0.068 177.5)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#02292B

Lake Blue · Black · Peacock Green

HEX
#02292B
RGB
rgb(2, 41, 43)
HSL
hsl(183, 91%, 9%)
HSB
hsb(183, 95%, 17%)
CMYK
cmyk(95%, 5%, 0%, 83%)
Oklch
oklch(25.6% 0.042 200.0)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EA9F00
004AEB

Analogous

EB2B00
EA9F00
C0EB00

Triadic

EA9F00
00EBA0
A000EB

Split-Comp.

EA9F00
00C0EB
2B00EB

Tetradic

EA9F00
00EB2B
004AEB
EB00C0

Contrast Matrix WCAG 2.1 Contrast

EA9F00
FADD8D
5D7C6D
2A695C
02292B
—
1.7
Fail
2.1
Fail
2.9
Fail
7.0
AA
1.7
Fail
—
3.5
AA Large
4.8
AA
11.7
AAA
2.1
Fail
3.5
AA Large
—
1.4
Fail
3.4
AA Large
2.9
Fail
4.8
AA
1.4
Fail
—
2.4
Fail
7.0
AA
11.7
AAA
3.4
AA Large
2.4
Fail
—
White BG
2.2Fail
1.3Fail
4.6AA
6.4AA
15.5AAA
Black BG
9.5AAA
15.8AAA
4.6AA
3.3AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CAC926
EDEDA0
6A6B71
45465F
13132B

Deuteranopia

CED330
EFF1A5
696672
423D60
110E2A

Tritanopia

E6454C
F9B0B3
5F7374
2D6262
042A2A

Achromatopsia

A3A3A3
DDDDDD
717171
555555
1E1E1E

Shades & Tints Shades & Tints

#EA9F00

Dark
Light

#FADD8D

Dark
Light

#5D7C6D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ea9f00;
  --color-2: #fadd8d;
  --color-3: #5d7c6d;
  --color-4: #2a695c;
  --color-5: #02292b;
}

SCSS

$color-1: #ea9f00;
$color-2: #fadd8d;
$color-3: #5d7c6d;
$color-4: #2a695c;
$color-5: #02292b;

TAILWIND

colors: {
  'brand-1': '#ea9f00',
  'brand-2': '#fadd8d',
  'brand-3': '#5d7c6d',
  'brand-4': '#2a695c',
  'brand-5': '#02292b',
}

RGB Array

[234, 159, 0], [250, 221, 141], [93, 124, 109], [42, 105, 92], [2, 41, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EA9F00, #FADD8D, #5D7C6D, #2A695C, #02292B 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: #ea9f00; --color-2: #fadd8d; --color-3: #5d7c6d; --color-4: #2a695c; --color-5: #02292b. 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