← Back to Editor

#0C0910 · #7E697C · #FB9586 · #FBA991 · #FFEAD0

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#0C0910

Deep Indigo · Black · Dark Purple

HEX
#0C0910
RGB
rgb(12, 9, 16)
HSL
hsl(266, 28%, 5%)
HSB
hsb(266, 44%, 6%)
CMYK
cmyk(25%, 44%, 0%, 94%)
Oklch
oklch(14.7% 0.016 304.2)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#7E697C

Rose Purple · Gray · Warm Gray

HEX
#7E697C
RGB
rgb(126, 105, 124)
HSL
hsl(306, 9%, 45%)
HSB
hsb(306, 17%, 49%)
CMYK
cmyk(0%, 17%, 2%, 51%)
Oklch
oklch(54.7% 0.039 329.2)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

#FB9586

Peach Pink · LightSalmon · Coral Red

HEX
#FB9586
RGB
rgb(251, 149, 134)
HSL
hsl(8, 94%, 75%)
HSB
hsb(8, 47%, 98%)
CMYK
cmyk(0%, 41%, 47%, 2%)
Oklch
oklch(77.3% 0.126 29.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FBA991

Peach Pink · LightSalmon · Coral Red

HEX
#FBA991
RGB
rgb(251, 169, 145)
HSL
hsl(14, 93%, 78%)
HSB
hsb(14, 42%, 98%)
CMYK
cmyk(0%, 33%, 42%, 2%)
Oklch
oklch(80.9% 0.103 37.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FFEAD0

Goose Yellow · Bisque · Peach Orange

HEX
#FFEAD0
RGB
rgb(255, 234, 208)
HSL
hsl(33, 100%, 91%)
HSB
hsb(33, 18%, 100%)
CMYK
cmyk(0%, 8%, 18%, 0%)
Oklch
oklch(94.7% 0.041 73.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0C0910
0D1009

Analogous

090A10
0C0910
100910

Triadic

0C0910
100C09
09100C

Split-Comp.

0C0910
101009
0A1009

Tetradic

0C0910
10090A
0D1009
091010

Contrast Matrix WCAG 2.1 Contrast

0C0910
7E697C
FB9586
FBA991
FFEAD0
—
4.0
AA Large
9.2
AAA
10.5
AAA
16.9
AAA
4.0
AA Large
—
2.3
Fail
2.7
Fail
4.3
AA Large
9.2
AAA
2.3
Fail
—
1.1
Fail
1.8
Fail
10.5
AAA
2.7
Fail
1.1
Fail
—
1.6
Fail
16.9
AAA
4.3
AA Large
1.8
Fail
1.6
Fail
—
White BG
19.8AAA
5.0AA
2.2Fail
1.9Fail
1.2Fail
Black BG
1.1Fail
4.2AA Large
9.7AAA
11.2AAA
17.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0B0B0E
757577
CFCE8A
D7D797
F6F6D6

Deuteranopia

0B0B0E
767876
D5DC8B
DCE298
F7F9D8

Tritanopia

0C0D0D
7D7473
F68C8D
F79B9C
FEDBDC

Achromatopsia

0B0B0B
717171
B2B2B2
BFBFBF
EDEDED

Shades & Tints Shades & Tints

#0C0910

Dark
Light

#7E697C

Dark
Light

#FB9586

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0c0910;
  --color-2: #7e697c;
  --color-3: #fb9586;
  --color-4: #fba991;
  --color-5: #ffead0;
}

SCSS

$color-1: #0c0910;
$color-2: #7e697c;
$color-3: #fb9586;
$color-4: #fba991;
$color-5: #ffead0;

TAILWIND

colors: {
  'brand-1': '#0c0910',
  'brand-2': '#7e697c',
  'brand-3': '#fb9586',
  'brand-4': '#fba991',
  'brand-5': '#ffead0',
}

RGB Array

[12, 9, 16], [126, 105, 124], [251, 149, 134], [251, 169, 145], [255, 234, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0C0910, #7E697C, #FB9586, #FBA991, #FFEAD0 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: #0c0910; --color-2: #7e697c; --color-3: #fb9586; --color-4: #fba991; --color-5: #ffead0. 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 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