← Back to Editor

#F6F1EB · #F0CAA5 · #8485A4 · #5A2B4D · #090502

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

#F6F1EB

Goose Yellow · Linen · Peach Orange

HEX
#F6F1EB
RGB
rgb(246, 241, 235)
HSL
hsl(33, 38%, 94%)
HSB
hsb(33, 4%, 96%)
CMYK
cmyk(0%, 2%, 4%, 4%)
Oklch
oklch(96.0% 0.010 72.7)

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

#F0CAA5

Goose Yellow · Wheat · Peach Orange

HEX
#F0CAA5
RGB
rgb(240, 202, 165)
HSL
hsl(30, 71%, 79%)
HSB
hsb(30, 31%, 94%)
CMYK
cmyk(0%, 16%, 31%, 6%)
Oklch
oklch(86.3% 0.065 66.0)

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

#8485A4

Azure · LightSlateGray · Navy Blue

HEX
#8485A4
RGB
rgb(132, 133, 164)
HSL
hsl(238, 15%, 58%)
HSB
hsb(238, 20%, 64%)
CMYK
cmyk(20%, 19%, 0%, 36%)
Oklch
oklch(62.7% 0.046 283.5)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#5A2B4D

Rose Purple · DarkSlateGray · Eggplant

HEX
#5A2B4D
RGB
rgb(90, 43, 77)
HSL
hsl(317, 35%, 26%)
HSB
hsb(317, 52%, 35%)
CMYK
cmyk(0%, 52%, 14%, 65%)
Oklch
oklch(36.5% 0.084 338.7)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#090502

Tangerine · Black · Cinnamon

HEX
#090502
RGB
rgb(9, 5, 2)
HSL
hsl(26, 64%, 2%)
HSB
hsb(26, 78%, 4%)
CMYK
cmyk(0%, 44%, 78%, 96%)
Oklch
oklch(12.0% 0.015 69.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6F1EB
EAEFF6

Analogous

F6EAEA
F6F1EB
F5F6EA

Triadic

F6F1EB
EAF6F0
F0EAF6

Split-Comp.

F6F1EB
EAF5F6
EAEAF6

Tetradic

F6F1EB
EAF6EA
EAEFF6
F6EAF5

Contrast Matrix WCAG 2.1 Contrast

F6F1EB
F0CAA5
8485A4
5A2B4D
090502
—
1.4
Fail
3.2
AA Large
9.9
AAA
18.1
AAA
1.4
Fail
—
2.3
Fail
7.3
AAA
13.2
AAA
3.2
AA Large
2.3
Fail
—
3.1
AA Large
5.7
AA
9.9
AAA
7.3
AAA
3.1
AA Large
—
1.8
Fail
18.1
AAA
13.2
AAA
5.7
AA
1.8
Fail
—
White BG
1.1Fail
1.5Fail
3.6AA Large
11.1AAA
20.3AAA
Black BG
18.7AAA
13.7AAA
5.9AA
1.9Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4EC
E0DFAE
84849C
464545
070703

Deuteranopia

F4F5ED
E2E5B0
84849B
484C43
080803

Tritanopia

F6EEEE
EEB5B7
849795
583E3D
090303

Achromatopsia

F2F2F2
D1D1D1
888888
3D3D3D
060606

Shades & Tints Shades & Tints

#F6F1EB

Dark
Light

#F0CAA5

Dark
Light

#8485A4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6f1eb;
  --color-2: #f0caa5;
  --color-3: #8485a4;
  --color-4: #5a2b4d;
  --color-5: #090502;
}

SCSS

$color-1: #f6f1eb;
$color-2: #f0caa5;
$color-3: #8485a4;
$color-4: #5a2b4d;
$color-5: #090502;

TAILWIND

colors: {
  'brand-1': '#f6f1eb',
  'brand-2': '#f0caa5',
  'brand-3': '#8485a4',
  'brand-4': '#5a2b4d',
  'brand-5': '#090502',
}

RGB Array

[246, 241, 235], [240, 202, 165], [132, 133, 164], [90, 43, 77], [9, 5, 2]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6F1EB, #F0CAA5, #8485A4, #5A2B4D, #090502 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: #f6f1eb; --color-2: #f0caa5; --color-3: #8485a4; --color-4: #5a2b4d; --color-5: #090502. 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