← Back to Editor

#FCF6E8 · #093B44 · #121F25 · #14080A · #5E5B57

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

#FCF6E8

Goose Yellow · Linen · Lemon Cream

HEX
#FCF6E8
RGB
rgb(252, 246, 232)
HSL
hsl(42, 77%, 95%)
HSB
hsb(42, 8%, 99%)
CMYK
cmyk(0%, 2%, 8%, 1%)
Oklch
oklch(97.4% 0.020 87.5)

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

#093B44

Lake Blue · DarkSlateGray · Peacock Green

HEX
#093B44
RGB
rgb(9, 59, 68)
HSL
hsl(189, 77%, 15%)
HSB
hsb(189, 87%, 27%)
CMYK
cmyk(87%, 13%, 0%, 73%)
Oklch
oklch(32.5% 0.052 212.9)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#121F25

Slate Blue · Black · Peacock Green

HEX
#121F25
RGB
rgb(18, 31, 37)
HSL
hsl(199, 35%, 11%)
HSB
hsb(199, 51%, 15%)
CMYK
cmyk(51%, 16%, 0%, 85%)
Oklch
oklch(23.0% 0.022 228.5)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#14080A

Crimson · Black · Deep Berry

HEX
#14080A
RGB
rgb(20, 8, 10)
HSL
hsl(350, 43%, 5%)
HSB
hsb(350, 60%, 8%)
CMYK
cmyk(0%, 60%, 50%, 92%)
Oklch
oklch(15.4% 0.022 8.6)

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

#5E5B57

Ink Gray · DimGray · Charcoal

HEX
#5E5B57
RGB
rgb(94, 91, 87)
HSL
hsl(34, 4%, 35%)
HSB
hsb(34, 7%, 37%)
CMYK
cmyk(0%, 3%, 7%, 63%)
Oklch
oklch(47.3% 0.007 75.3)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCF6E8
E8EEFC

Analogous

FCECE8
FCF6E8
F8FCE8

Triadic

FCF6E8
E8FCF6
F6E8FC

Split-Comp.

FCF6E8
E8F8FC
ECE8FC

Tetradic

FCF6E8
E8FCEC
E8EEFC
FCE8F8

Contrast Matrix WCAG 2.1 Contrast

FCF6E8
093B44
121F25
14080A
5E5B57
—
11.3
AAA
15.6
AAA
18.2
AAA
6.3
AA
11.3
AAA
—
1.4
Fail
1.6
Fail
1.8
Fail
15.6
AAA
1.4
Fail
—
1.2
Fail
2.5
Fail
18.2
AAA
1.6
Fail
1.2
Fail
—
2.9
Fail
6.3
AA
1.8
Fail
2.5
Fail
2.9
Fail
—
White BG
1.1Fail
12.2AAA
16.8AAA
19.6AAA
6.8AA
Black BG
19.5AAA
1.7Fail
1.2Fail
1.1Fail
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9EB
1F1F42
181824
0F0F0A
5D5D58

Deuteranopia

FAFAEC
1C1841
171623
101009
5D5D58

Tritanopia

FCEEEF
0C4040
132222
130909
5E5959

Achromatopsia

F6F6F6
2D2D2D
1C1C1C
0C0C0C
5B5B5B

Shades & Tints Shades & Tints

#FCF6E8

Dark
Light

#093B44

Dark
Light

#121F25

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcf6e8;
  --color-2: #093b44;
  --color-3: #121f25;
  --color-4: #14080a;
  --color-5: #5e5b57;
}

SCSS

$color-1: #fcf6e8;
$color-2: #093b44;
$color-3: #121f25;
$color-4: #14080a;
$color-5: #5e5b57;

TAILWIND

colors: {
  'brand-1': '#fcf6e8',
  'brand-2': '#093b44',
  'brand-3': '#121f25',
  'brand-4': '#14080a',
  'brand-5': '#5e5b57',
}

RGB Array

[252, 246, 232], [9, 59, 68], [18, 31, 37], [20, 8, 10], [94, 91, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCF6E8, #093B44, #121F25, #14080A, #5E5B57 is ideal for: tech websites, dark mode UIs, game UIs, 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: #fcf6e8; --color-2: #093b44; --color-3: #121f25; --color-4: #14080a; --color-5: #5e5b57. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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