← Back to Editor

#F0F6EB · #EAC46B · #DAA915 · #91610E · #1A1921

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#F0F6EB

Celadon · Linen · Mint Green

HEX
#F0F6EB
RGB
rgb(240, 246, 235)
HSL
hsl(93, 38%, 94%)
HSB
hsb(93, 4%, 96%)
CMYK
cmyk(2%, 0%, 4%, 4%)
Oklch
oklch(96.6% 0.016 130.4)

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

#EAC46B

Ginger · BurlyWood · Sunflower

HEX
#EAC46B
RGB
rgb(234, 196, 107)
HSL
hsl(42, 75%, 67%)
HSB
hsb(42, 54%, 92%)
CMYK
cmyk(0%, 16%, 54%, 8%)
Oklch
oklch(83.5% 0.116 86.7)

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

#DAA915

Ochre · GoldenRod · Honey Gold

HEX
#DAA915
RGB
rgb(218, 169, 21)
HSL
hsl(45, 82%, 47%)
HSB
hsb(45, 90%, 85%)
CMYK
cmyk(0%, 22%, 90%, 15%)
Oklch
oklch(75.9% 0.152 87.0)

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

#91610E

Ochre · Sienna · Amber Brown

HEX
#91610E
RGB
rgb(145, 97, 14)
HSL
hsl(38, 82%, 31%)
HSB
hsb(38, 90%, 57%)
CMYK
cmyk(0%, 33%, 90%, 43%)
Oklch
oklch(53.1% 0.108 73.7)

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

#1A1921

Deep Indigo · Black · Deep Sea Blue

HEX
#1A1921
RGB
rgb(26, 25, 33)
HSL
hsl(248, 14%, 11%)
HSB
hsb(248, 24%, 13%)
CMYK
cmyk(21%, 24%, 0%, 87%)
Oklch
oklch(21.8% 0.016 290.8)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0F6EB
F0EAF6

Analogous

F5F6EA
F0F6EB
EAF6EA

Triadic

F0F6EB
EAEFF6
F6EAEF

Split-Comp.

F0F6EB
EAEAF6
F6EAF5

Tetradic

F0F6EB
EAF5F6
F0EAF6
F6EAEA

Contrast Matrix WCAG 2.1 Contrast

F0F6EB
EAC46B
DAA915
91610E
1A1921
—
1.5
Fail
2.0
Fail
4.9
AA
15.8
AAA
1.5
Fail
—
1.3
Fail
3.2
AA Large
10.5
AAA
2.0
Fail
1.3
Fail
—
2.5
Fail
8.0
AAA
4.9
AA
3.2
AA Large
2.5
Fail
—
3.3
AA Large
15.8
AAA
10.5
AAA
8.0
AAA
3.3
AA Large
—
White BG
1.1Fail
1.7Fail
2.2Fail
5.4AA
17.4AAA
Black BG
19.1AAA
12.6AAA
9.7AAA
3.9AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3EE
DAD981
C5C439
7C7C22
1A1A1F

Deuteranopia

F2F2EE
DCDF86
C8CB41
7F8327
1A1A1F

Tritanopia

F0F0F0
E89295
D8555B
8F3235
1A1E1D

Achromatopsia

F3F3F3
C5C5C5
A7A7A7
666666
1A1A1A

Shades & Tints Shades & Tints

#F0F6EB

Dark
Light

#EAC46B

Dark
Light

#DAA915

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0f6eb;
  --color-2: #eac46b;
  --color-3: #daa915;
  --color-4: #91610e;
  --color-5: #1a1921;
}

SCSS

$color-1: #f0f6eb;
$color-2: #eac46b;
$color-3: #daa915;
$color-4: #91610e;
$color-5: #1a1921;

TAILWIND

colors: {
  'brand-1': '#f0f6eb',
  'brand-2': '#eac46b',
  'brand-3': '#daa915',
  'brand-4': '#91610e',
  'brand-5': '#1a1921',
}

RGB Array

[240, 246, 235], [234, 196, 107], [218, 169, 21], [145, 97, 14], [26, 25, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0F6EB, #EAC46B, #DAA915, #91610E, #1A1921 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: #f0f6eb; --color-2: #eac46b; --color-3: #daa915; --color-4: #91610e; --color-5: #1a1921. 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 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