← Back to Editor

#F0EFD8 · #EB6E15 · #381600 · #8AA13F · #FFFFFF

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

#F0EFD8

Fresh Green · Beige · Lemon Cream

HEX
#F0EFD8
RGB
rgb(240, 239, 216)
HSL
hsl(58, 44%, 89%)
HSB
hsb(58, 10%, 94%)
CMYK
cmyk(0%, 0%, 10%, 6%)
Oklch
oklch(94.7% 0.030 104.9)

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

#EB6E15

Tangerine · Chocolate · Amber Brown

HEX
#EB6E15
RGB
rgb(235, 110, 21)
HSL
hsl(25, 84%, 50%)
HSB
hsb(25, 91%, 92%)
CMYK
cmyk(0%, 53%, 91%, 8%)
Oklch
oklch(67.7% 0.177 48.3)

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

#381600

Tangerine · Black · Cinnamon

HEX
#381600
RGB
rgb(56, 22, 0)
HSL
hsl(24, 100%, 11%)
HSB
hsb(24, 100%, 22%)
CMYK
cmyk(0%, 61%, 100%, 78%)
Oklch
oklch(24.8% 0.064 51.5)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#8AA13F

Grass Green · Olive · Olive Green

HEX
#8AA13F
RGB
rgb(138, 161, 63)
HSL
hsl(74, 44%, 44%)
HSB
hsb(74, 61%, 63%)
CMYK
cmyk(14%, 0%, 61%, 37%)
Oklch
oklch(67.1% 0.127 121.1)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0EFD8
D7D7EF

Analogous

EFE2D7
F0EFD8
E4EFD7

Triadic

F0EFD8
D7EFEE
EED7EF

Split-Comp.

F0EFD8
D7E4EF
E2D7EF

Tetradic

F0EFD8
D7EFE2
D7D7EF
EFD7E4

Contrast Matrix WCAG 2.1 Contrast

F0EFD8
EB6E15
381600
8AA13F
FFFFFF
—
2.7
Fail
14.1
AAA
2.5
Fail
1.2
Fail
2.7
Fail
—
5.3
AA
1.1
Fail
3.1
AA Large
14.1
AAA
5.3
AA
—
5.7
AA
16.4
AAA
2.5
Fail
1.1
Fail
5.7
AA
—
2.9
Fail
1.2
Fail
3.1
AA Large
16.4
AAA
2.9
Fail
—
White BG
1.2Fail
3.1AA Large
16.4AAA
2.9Fail
1.0Fail
Black BG
18.0AAA
6.8AA
1.3Fail
7.3AAA
21.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0DE
B5B42B
292905
949457
FFFFFF

Deuteranopia

F0F0DF
BCC630
2B2E07
93915C
FFFFFF

Tritanopia

F0E2E3
E53C3F
360A0A
8B696E
FFFFFF

Achromatopsia

EDEDED
898989
1E1E1E
8F8F8F
FFFFFF

Shades & Tints Shades & Tints

#F0EFD8

Dark
Light

#EB6E15

Dark
Light

#381600

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0efd8;
  --color-2: #eb6e15;
  --color-3: #381600;
  --color-4: #8aa13f;
  --color-5: #ffffff;
}

SCSS

$color-1: #f0efd8;
$color-2: #eb6e15;
$color-3: #381600;
$color-4: #8aa13f;
$color-5: #ffffff;

TAILWIND

colors: {
  'brand-1': '#f0efd8',
  'brand-2': '#eb6e15',
  'brand-3': '#381600',
  'brand-4': '#8aa13f',
  'brand-5': '#ffffff',
}

RGB Array

[240, 239, 216], [235, 110, 21], [56, 22, 0], [138, 161, 63], [255, 255, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #F0EFD8, #EB6E15, #381600, #8AA13F, #FFFFFF 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: #f0efd8; --color-2: #eb6e15; --color-3: #381600; --color-4: #8aa13f; --color-5: #ffffff. 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 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