← Back to Editor

#FFFFEC · #E7E2BC · #C1AC77 · #757251 · #1E1A0E

warm

A 5-color warm 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

#FFFFEC

Fresh Green · SeaShell · Lemon Cream

HEX
#FFFFEC
RGB
rgb(255, 255, 236)
HSL
hsl(60, 100%, 96%)
HSB
hsb(60, 7%, 100%)
CMYK
cmyk(0%, 0%, 7%, 0%)
Oklch
oklch(99.5% 0.025 106.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#E7E2BC

Fresh Green · Wheat · Lemon Cream

HEX
#E7E2BC
RGB
rgb(231, 226, 188)
HSL
hsl(53, 47%, 82%)
HSB
hsb(53, 19%, 91%)
CMYK
cmyk(0%, 2%, 19%, 9%)
Oklch
oklch(90.7% 0.050 101.1)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#C1AC77

Ginger · Tan · Sunflower

HEX
#C1AC77
RGB
rgb(193, 172, 119)
HSL
hsl(43, 37%, 61%)
HSB
hsb(43, 38%, 76%)
CMYK
cmyk(0%, 11%, 38%, 24%)
Oklch
oklch(75.0% 0.074 88.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#757251

Autumn Sage · DimGray · Honey Gold

HEX
#757251
RGB
rgb(117, 114, 81)
HSL
hsl(55, 18%, 39%)
HSB
hsb(55, 31%, 46%)
CMYK
cmyk(0%, 3%, 31%, 54%)
Oklch
oklch(54.6% 0.048 103.5)

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

#1E1A0E

Ochre · Black · Amber Gold

HEX
#1E1A0E
RGB
rgb(30, 26, 14)
HSL
hsl(45, 36%, 9%)
HSB
hsb(45, 53%, 12%)
CMYK
cmyk(0%, 13%, 53%, 88%)
Oklch
oklch(21.9% 0.022 91.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFFEC
EBEBFF

Analogous

FFF5EB
FFFFEC
F5FFEB

Triadic

FFFFEC
EBFFFF
FFEBFF

Split-Comp.

FFFFEC
EBF5FF
F5EBFF

Tetradic

FFFFEC
EBFFF5
EBEBFF
FFEBF5

Contrast Matrix WCAG 2.1 Contrast

FFFFEC
E7E2BC
C1AC77
757251
1E1A0E
—
1.3
Fail
2.2
Fail
4.8
AA
17.2
AAA
1.3
Fail
—
1.7
Fail
3.7
AA Large
13.2
AAA
2.2
Fail
1.7
Fail
—
2.2
Fail
7.8
AAA
4.8
AA
3.7
AA Large
2.2
Fail
—
3.5
AA Large
17.2
AAA
13.2
AAA
7.8
AAA
3.5
AA Large
—
White BG
1.0Fail
1.3Fail
2.2Fail
4.9AA
17.4AAA
Black BG
20.8AAA
16.0AAA
9.4AAA
4.3AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFF1
E5E5C5
B8B884
747459
1C1C11

Deuteranopia

FFFFF2
E5E6C7
B9BB87
74745B
1D1D12

Tritanopia

FFF4F5
E7CCCE
C08E90
755F61
1E1314

Achromatopsia

FDFDFD
DFDFDF
ACACAC
6F6F6F
1A1A1A

Shades & Tints Shades & Tints

#FFFFEC

Dark
Light

#E7E2BC

Dark
Light

#C1AC77

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffffec;
  --color-2: #e7e2bc;
  --color-3: #c1ac77;
  --color-4: #757251;
  --color-5: #1e1a0e;
}

SCSS

$color-1: #ffffec;
$color-2: #e7e2bc;
$color-3: #c1ac77;
$color-4: #757251;
$color-5: #1e1a0e;

TAILWIND

colors: {
  'brand-1': '#ffffec',
  'brand-2': '#e7e2bc',
  'brand-3': '#c1ac77',
  'brand-4': '#757251',
  'brand-5': '#1e1a0e',
}

RGB Array

[255, 255, 236], [231, 226, 188], [193, 172, 119], [117, 114, 81], [30, 26, 14]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FFFFEC, #E7E2BC, #C1AC77, #757251, #1E1A0E 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: #ffffec; --color-2: #e7e2bc; --color-3: #c1ac77; --color-4: #757251; --color-5: #1e1a0e. 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 warm-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