← Back to Editor

#FFECA7 · #E3A994 · #685858 · #A2A26A · #F2EEE9

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

#FFECA7

Goose Yellow · Wheat · Lemon Cream

HEX
#FFECA7
RGB
rgb(255, 236, 167)
HSL
hsl(47, 100%, 83%)
HSB
hsb(47, 35%, 100%)
CMYK
cmyk(0%, 7%, 35%, 0%)
Oklch
oklch(94.3% 0.089 94.6)

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

#E3A994

Apricot · BurlyWood · Warm Sun

HEX
#E3A994
RGB
rgb(227, 169, 148)
HSL
hsl(16, 59%, 74%)
HSB
hsb(16, 35%, 89%)
CMYK
cmyk(0%, 26%, 35%, 11%)
Oklch
oklch(78.4% 0.075 40.8)

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

#685858

Crimson · DimGray · Charcoal

HEX
#685858
RGB
rgb(104, 88, 88)
HSL
hsl(0, 8%, 38%)
HSB
hsb(0, 15%, 41%)
CMYK
cmyk(0%, 15%, 15%, 59%)
Oklch
oklch(47.6% 0.021 17.9)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

#A2A26A

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A2A26A
RGB
rgb(162, 162, 106)
HSL
hsl(60, 23%, 53%)
HSB
hsb(60, 35%, 64%)
CMYK
cmyk(0%, 0%, 35%, 36%)
Oklch
oklch(69.9% 0.076 108.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#F2EEE9

Goose Yellow · Linen · Peach Orange

HEX
#F2EEE9
RGB
rgb(242, 238, 233)
HSL
hsl(33, 26%, 93%)
HSB
hsb(33, 4%, 95%)
CMYK
cmyk(0%, 2%, 4%, 5%)
Oklch
oklch(95.1% 0.008 73.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFECA7
A8BBFF

Analogous

FFC1A8
FFECA7
E6FFA8

Triadic

FFECA7
A8FFEC
ECA8FF

Split-Comp.

FFECA7
A8E6FF
C1A8FF

Tetradic

FFECA7
A8FFC1
A8BBFF
FFA8E6

Contrast Matrix WCAG 2.1 Contrast

FFECA7
E3A994
685858
A2A26A
F2EEE9
—
1.7
Fail
5.7
AA
2.3
Fail
1.0
Fail
1.7
Fail
—
3.3
AA Large
1.3
Fail
1.8
Fail
5.7
AA
3.3
AA Large
—
2.5
Fail
5.8
AA
2.3
Fail
1.3
Fail
2.5
Fail
—
2.3
Fail
1.0
Fail
1.8
Fail
5.8
AA
2.3
Fail
—
White BG
1.2Fail
2.0Fail
6.7AA
2.7Fail
1.2Fail
Black BG
17.8AAA
10.4AAA
3.1AA Large
7.9AAA
18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F7B8
CAC999
616158
A2A278
F0F0EA

Deuteranopia

F8F9BC
CDD29A
626358
A2A27B
F1F1EB

Tritanopia

FEC5C8
E09D9E
675858
A28285
F2EBEB

Achromatopsia

EAEAEA
B8B8B8
5D5D5D
9C9C9C
EFEFEF

Shades & Tints Shades & Tints

#FFECA7

Dark
Light

#E3A994

Dark
Light

#685858

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffeca7;
  --color-2: #e3a994;
  --color-3: #685858;
  --color-4: #a2a26a;
  --color-5: #f2eee9;
}

SCSS

$color-1: #ffeca7;
$color-2: #e3a994;
$color-3: #685858;
$color-4: #a2a26a;
$color-5: #f2eee9;

TAILWIND

colors: {
  'brand-1': '#ffeca7',
  'brand-2': '#e3a994',
  'brand-3': '#685858',
  'brand-4': '#a2a26a',
  'brand-5': '#f2eee9',
}

RGB Array

[255, 236, 167], [227, 169, 148], [104, 88, 88], [162, 162, 106], [242, 238, 233]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFECA7, #E3A994, #685858, #A2A26A, #F2EEE9 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: #ffeca7; --color-2: #e3a994; --color-3: #685858; --color-4: #a2a26a; --color-5: #f2eee9. 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