← Back to Editor

#F0EAD4 · #FFDC8B · #917A68 · #F25E3D · #080000

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarm

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin PanelData Visualization

Color Details Color Details

#F0EAD4

Goose Yellow · Beige · Lemon Cream

HEX
#F0EAD4
RGB
rgb(240, 234, 212)
HSL
hsl(47, 48%, 89%)
HSB
hsb(47, 12%, 94%)
CMYK
cmyk(0%, 3%, 12%, 6%)
Oklch
oklch(93.6% 0.030 94.4)

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

#FFDC8B

Goose Yellow · Khaki · Lemon Cream

HEX
#FFDC8B
RGB
rgb(255, 220, 139)
HSL
hsl(42, 100%, 77%)
HSB
hsb(42, 45%, 100%)
CMYK
cmyk(0%, 14%, 45%, 0%)
Oklch
oklch(90.7% 0.107 86.9)

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

#917A68

Tangerine · Gray · Amber Brown

HEX
#917A68
RGB
rgb(145, 122, 104)
HSL
hsl(26, 16%, 49%)
HSB
hsb(26, 28%, 57%)
CMYK
cmyk(0%, 16%, 28%, 43%)
Oklch
oklch(59.6% 0.039 60.0)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#F25E3D

Vermilion · Tomato · Passion Red

HEX
#F25E3D
RGB
rgb(242, 94, 61)
HSL
hsl(11, 87%, 59%)
HSB
hsb(11, 75%, 95%)
CMYK
cmyk(0%, 61%, 75%, 5%)
Oklch
oklch(66.9% 0.189 34.1)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#080000

Vermilion · Black · Deep Berry

HEX
#080000
RGB
rgb(8, 0, 0)
HSL
hsl(0, 100%, 2%)
HSB
hsb(0, 100%, 3%)
CMYK
cmyk(0%, 100%, 100%, 97%)
Oklch
oklch(8.4% 0.035 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0EAD4
D5DBF0

Analogous

F0DDD5
F0EAD4
E9F0D5

Triadic

F0EAD4
D5F0EB
EBD5F0

Split-Comp.

F0EAD4
D5E9F0
DDD5F0

Tetradic

F0EAD4
D5F0DD
D5DBF0
F0D5E9

Contrast Matrix WCAG 2.1 Contrast

F0EAD4
FFDC8B
917A68
F25E3D
080000
—
1.1
Fail
3.4
AA Large
2.7
Fail
17.2
AAA
1.1
Fail
—
3.1
AA Large
2.5
Fail
15.7
AAA
3.4
AA Large
3.1
AA Large
—
1.2
Fail
5.1
AA
2.7
Fail
2.5
Fail
1.2
Fail
—
6.4
AA
17.2
AAA
15.7
AAA
5.1
AA
6.4
AA
—
White BG
1.2Fail
1.3Fail
4.0AA Large
3.3AA Large
20.8AAA
Black BG
17.4AAA
15.9AAA
5.2AA
6.4AA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDD9
F0F09F
87876C
B2B145
050400

Deuteranopia

EEEEDB
F2F5A3
888A6D
BBC647
050600

Tritanopia

F0DEDE
FDAEB1
907071
EB4B4D
080000

Achromatopsia

E9E9E9
DDDDDD
7F7F7F
868686
020202

Shades & Tints Shades & Tints

#F0EAD4

Dark
Light

#FFDC8B

Dark
Light

#917A68

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0ead4;
  --color-2: #ffdc8b;
  --color-3: #917a68;
  --color-4: #f25e3d;
  --color-5: #080000;
}

SCSS

$color-1: #f0ead4;
$color-2: #ffdc8b;
$color-3: #917a68;
$color-4: #f25e3d;
$color-5: #080000;

TAILWIND

colors: {
  'brand-1': '#f0ead4',
  'brand-2': '#ffdc8b',
  'brand-3': '#917a68',
  'brand-4': '#f25e3d',
  'brand-5': '#080000',
}

RGB Array

[240, 234, 212], [255, 220, 139], [145, 122, 104], [242, 94, 61], [8, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #F0EAD4, #FFDC8B, #917A68, #F25E3D, #080000 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: #f0ead4; --color-2: #ffdc8b; --color-3: #917a68; --color-4: #f25e3d; --color-5: #080000. 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 minimal-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