← Back to Editor

#FFA74E · #F3F0ED · #EEE9E4 · #6F6460 · #899C61

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FFA74E

Ginger · SandyBrown · Warm Sun

HEX
#FFA74E
RGB
rgb(255, 167, 78)
HSL
hsl(30, 100%, 65%)
HSB
hsb(30, 69%, 100%)
CMYK
cmyk(0%, 35%, 69%, 0%)
Oklch
oklch(80.0% 0.146 63.1)

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

#F3F0ED

Goose Yellow · Linen · Peach Orange

HEX
#F3F0ED
RGB
rgb(243, 240, 237)
HSL
hsl(30, 20%, 94%)
HSB
hsb(30, 2%, 95%)
CMYK
cmyk(0%, 1%, 2%, 5%)
Oklch
oklch(95.7% 0.005 67.8)

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

#EEE9E4

Goose Yellow · Linen · Peach Orange

HEX
#EEE9E4
RGB
rgb(238, 233, 228)
HSL
hsl(30, 23%, 91%)
HSB
hsb(30, 4%, 93%)
CMYK
cmyk(0%, 2%, 4%, 7%)
Oklch
oklch(93.7% 0.009 67.7)

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

#6F6460

Ink Gray · DimGray · Warm Gray

HEX
#6F6460
RGB
rgb(111, 100, 96)
HSL
hsl(16, 7%, 41%)
HSB
hsb(16, 14%, 44%)
CMYK
cmyk(0%, 10%, 14%, 56%)
Oklch
oklch(51.2% 0.015 41.1)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#899C61

Grass Green · Gray · Olive Green

HEX
#899C61
RGB
rgb(137, 156, 97)
HSL
hsl(79, 23%, 50%)
HSB
hsb(79, 38%, 61%)
CMYK
cmyk(12%, 0%, 38%, 39%)
Oklch
oklch(66.3% 0.085 123.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFA74E
4DA6FF

Analogous

FF4D4D
FFA74E
FFFF4D

Triadic

FFA74E
4DFFA6
A64DFF

Split-Comp.

FFA74E
4DFFFF
4D4DFF

Tetradic

FFA74E
4DFF4D
4DA6FF
FF4DFF

Contrast Matrix WCAG 2.1 Contrast

FFA74E
F3F0ED
EEE9E4
6F6460
899C61
—
1.7
Fail
1.6
Fail
3.0
Fail
1.6
Fail
1.7
Fail
—
1.1
Fail
5.0
AA
2.6
Fail
1.6
Fail
1.1
Fail
—
4.7
AA
2.5
Fail
3.0
Fail
5.0
AA
4.7
AA
—
1.9
Fail
1.6
Fail
2.6
Fail
2.5
Fail
1.9
Fail
—
White BG
1.9Fail
1.1Fail
1.2Fail
5.7AA
3.0AA Large
Black BG
10.9AAA
18.5AAA
17.4AAA
3.7AA Large
7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D864
F2F2EE
ECECE5
6A6A61
91916F

Deuteranopia

DEE569
F2F2EE
ECEDE6
6B6C61
908F73

Tritanopia

FB7578
F3EEEE
EEE6E6
6E6262
8A7B7D

Achromatopsia

B7B7B7
F1F1F1
EAEAEA
676767
909090

Shades & Tints Shades & Tints

#FFA74E

Dark
Light

#F3F0ED

Dark
Light

#EEE9E4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffa74e;
  --color-2: #f3f0ed;
  --color-3: #eee9e4;
  --color-4: #6f6460;
  --color-5: #899c61;
}

SCSS

$color-1: #ffa74e;
$color-2: #f3f0ed;
$color-3: #eee9e4;
$color-4: #6f6460;
$color-5: #899c61;

TAILWIND

colors: {
  'brand-1': '#ffa74e',
  'brand-2': '#f3f0ed',
  'brand-3': '#eee9e4',
  'brand-4': '#6f6460',
  'brand-5': '#899c61',
}

RGB Array

[255, 167, 78], [243, 240, 237], [238, 233, 228], [111, 100, 96], [137, 156, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFA74E, #F3F0ED, #EEE9E4, #6F6460, #899C61 is ideal for: health products, baby brands, fresh-style blogs, 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: #ffa74e; --color-2: #f3f0ed; --color-3: #eee9e4; --color-4: #6f6460; --color-5: #899c61. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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