← Back to Editor

#F0F000 · #EBEAD8 · #FFF382 · #EBE0CA · #D1C6BA

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

#F0F000

Autumn Sage · Yellow · Honey Gold

HEX
#F0F000
RGB
rgb(240, 240, 0)
HSL
hsl(60, 100%, 47%)
HSB
hsb(60, 100%, 94%)
CMYK
cmyk(0%, 0%, 100%, 6%)
Oklch
oklch(92.5% 0.202 109.8)

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

#EBEAD8

Fresh Green · Beige · Lemon Cream

HEX
#EBEAD8
RGB
rgb(235, 234, 216)
HSL
hsl(57, 32%, 88%)
HSB
hsb(57, 8%, 92%)
CMYK
cmyk(0%, 0%, 8%, 8%)
Oklch
oklch(93.3% 0.024 104.3)

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

#FFF382

Fresh Green · Khaki · Sunflower

HEX
#FFF382
RGB
rgb(255, 243, 130)
HSL
hsl(54, 100%, 75%)
HSB
hsb(54, 49%, 100%)
CMYK
cmyk(0%, 5%, 49%, 0%)
Oklch
oklch(95.1% 0.135 103.2)

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

#EBE0CA

Goose Yellow · Bisque · Lemon Cream

HEX
#EBE0CA
RGB
rgb(235, 224, 202)
HSL
hsl(40, 45%, 86%)
HSB
hsb(40, 14%, 92%)
CMYK
cmyk(0%, 5%, 14%, 8%)
Oklch
oklch(91.0% 0.032 84.6)

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

#D1C6BA

Goose Yellow · Silver · Peach Orange

HEX
#D1C6BA
RGB
rgb(209, 198, 186)
HSL
hsl(31, 20%, 77%)
HSB
hsb(31, 11%, 82%)
CMYK
cmyk(0%, 5%, 11%, 18%)
Oklch
oklch(83.2% 0.021 70.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0F000
0000F0

Analogous

F07800
F0F000
78F000

Triadic

F0F000
00F0F0
F000F0

Split-Comp.

F0F000
0078F0
7800F0

Tetradic

F0F000
00F078
0000F0
F00078

Contrast Matrix WCAG 2.1 Contrast

F0F000
EBEAD8
FFF382
EBE0CA
D1C6BA
—
1.0
Fail
1.1
Fail
1.1
Fail
1.4
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.3
Fail
1.4
Fail
1.4
Fail
1.5
Fail
1.3
Fail
—
White BG
1.2Fail
1.2Fail
1.1Fail
1.3Fail
1.7Fail
Black BG
17.2AAA
17.3AAA
18.4AAA
16.0AAA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F03A
EBEBDC
FAFA9D
E6E6CF
CCCCBD

Deuteranopia

F0F048
EBEBDD
FBFBA4
E7E8D1
CDCEBE

Tritanopia

F06872
EBE0E1
FEB3B8
EAD4D4
D0BFC0

Achromatopsia

D5D5D5
E8E8E8
EAEAEA
E1E1E1
C8C8C8

Shades & Tints Shades & Tints

#F0F000

Dark
Light

#EBEAD8

Dark
Light

#FFF382

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0f000;
  --color-2: #ebead8;
  --color-3: #fff382;
  --color-4: #ebe0ca;
  --color-5: #d1c6ba;
}

SCSS

$color-1: #f0f000;
$color-2: #ebead8;
$color-3: #fff382;
$color-4: #ebe0ca;
$color-5: #d1c6ba;

TAILWIND

colors: {
  'brand-1': '#f0f000',
  'brand-2': '#ebead8',
  'brand-3': '#fff382',
  'brand-4': '#ebe0ca',
  'brand-5': '#d1c6ba',
}

RGB Array

[240, 240, 0], [235, 234, 216], [255, 243, 130], [235, 224, 202], [209, 198, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0F000, #EBEAD8, #FFF382, #EBE0CA, #D1C6BA 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: #f0f000; --color-2: #ebead8; --color-3: #fff382; --color-4: #ebe0ca; --color-5: #d1c6ba. 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