← Back to Editor

#FAF4D0 · #E5E0A9 · #C1E0A4 · #7AD88C · #0F0303

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

#FAF4D0

Fresh Green · Beige · Lemon Cream

HEX
#FAF4D0
RGB
rgb(250, 244, 208)
HSL
hsl(51, 81%, 90%)
HSB
hsb(51, 17%, 98%)
CMYK
cmyk(0%, 2%, 17%, 2%)
Oklch
oklch(96.3% 0.047 99.4)

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

#E5E0A9

Fresh Green · Wheat · Lemon Cream

HEX
#E5E0A9
RGB
rgb(229, 224, 169)
HSL
hsl(55, 54%, 78%)
HSB
hsb(55, 26%, 90%)
CMYK
cmyk(0%, 2%, 26%, 10%)
Oklch
oklch(89.7% 0.072 103.4)

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

#C1E0A4

Celadon · Silver · Apple Green

HEX
#C1E0A4
RGB
rgb(193, 224, 164)
HSL
hsl(91, 49%, 76%)
HSB
hsb(91, 27%, 88%)
CMYK
cmyk(14%, 0%, 27%, 12%)
Oklch
oklch(86.9% 0.086 130.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#7AD88C

Emerald · LightGreen · Apple Green

HEX
#7AD88C
RGB
rgb(122, 216, 140)
HSL
hsl(131, 55%, 66%)
HSB
hsb(131, 44%, 85%)
CMYK
cmyk(44%, 0%, 35%, 15%)
Oklch
oklch(80.5% 0.140 148.7)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#0F0303

Vermilion · Black · Deep Berry

HEX
#0F0303
RGB
rgb(15, 3, 3)
HSL
hsl(0, 67%, 4%)
HSB
hsb(0, 80%, 6%)
CMYK
cmyk(0%, 80%, 80%, 94%)
Oklch
oklch(12.3% 0.028 21.9)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAF4D0
D1D7FA

Analogous

FADFD1
FAF4D0
ECFAD1

Triadic

FAF4D0
D1FAF4
F4D1FA

Split-Comp.

FAF4D0
D1ECFA
DFD1FA

Tetradic

FAF4D0
D1FADF
D1D7FA
FAD1EC

Contrast Matrix WCAG 2.1 Contrast

FAF4D0
E5E0A9
C1E0A4
7AD88C
0F0303
—
1.2
Fail
1.3
Fail
1.6
Fail
18.3
AAA
1.2
Fail
—
1.1
Fail
1.3
Fail
15.0
AAA
1.3
Fail
1.1
Fail
—
1.2
Fail
14.0
AAA
1.6
Fail
1.3
Fail
1.2
Fail
—
11.6
AAA
18.3
AAA
15.0
AAA
14.0
AAA
11.6
AAA
—
White BG
1.1Fail
1.3Fail
1.5Fail
1.7Fail
20.3AAA
Black BG
18.9AAA
15.6AAA
14.5AAA
12.0AAA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F7D9
E3E3B6
CECFB3
A3A49E
0A0A03

Deuteranopia

F8F8DB
E3E4BA
CDCAB6
9D96A3
0B0B03

Tritanopia

FAE0E1
E5C1C3
C3BEC1
7FADB0
0E0303

Achromatopsia

F2F2F2
DBDBDB
D0D0D0
B3B3B3
070707

Shades & Tints Shades & Tints

#FAF4D0

Dark
Light

#E5E0A9

Dark
Light

#C1E0A4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faf4d0;
  --color-2: #e5e0a9;
  --color-3: #c1e0a4;
  --color-4: #7ad88c;
  --color-5: #0f0303;
}

SCSS

$color-1: #faf4d0;
$color-2: #e5e0a9;
$color-3: #c1e0a4;
$color-4: #7ad88c;
$color-5: #0f0303;

TAILWIND

colors: {
  'brand-1': '#faf4d0',
  'brand-2': '#e5e0a9',
  'brand-3': '#c1e0a4',
  'brand-4': '#7ad88c',
  'brand-5': '#0f0303',
}

RGB Array

[250, 244, 208], [229, 224, 169], [193, 224, 164], [122, 216, 140], [15, 3, 3]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAF4D0, #E5E0A9, #C1E0A4, #7AD88C, #0F0303 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: #faf4d0; --color-2: #e5e0a9; --color-3: #c1e0a4; --color-4: #7ad88c; --color-5: #0f0303. 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