← Back to Editor

#140F15 · #FD583C · #FFB35D · #FCF69E · #70FFF7

space

A 5-color space 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

#140F15

Dark Plum · Black · Dark Purple

HEX
#140F15
RGB
rgb(20, 15, 21)
HSL
hsl(290, 17%, 7%)
HSB
hsb(290, 29%, 8%)
CMYK
cmyk(5%, 29%, 0%, 92%)
Oklch
oklch(17.8% 0.015 320.7)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#FD583C

Peach Pink · Tomato · Coral Red

HEX
#FD583C
RGB
rgb(253, 88, 60)
HSL
hsl(9, 98%, 61%)
HSB
hsb(9, 76%, 99%)
CMYK
cmyk(0%, 65%, 76%, 1%)
Oklch
oklch(67.9% 0.206 32.1)

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

#FFB35D

Ginger · SandyBrown · Warm Sun

HEX
#FFB35D
RGB
rgb(255, 179, 93)
HSL
hsl(32, 100%, 68%)
HSB
hsb(32, 64%, 100%)
CMYK
cmyk(0%, 30%, 64%, 0%)
Oklch
oklch(82.3% 0.135 67.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#FCF69E

Fresh Green · Khaki · Lemon Cream

HEX
#FCF69E
RGB
rgb(252, 246, 158)
HSL
hsl(56, 94%, 80%)
HSB
hsb(56, 37%, 99%)
CMYK
cmyk(0%, 2%, 37%, 1%)
Oklch
oklch(95.9% 0.109 104.9)

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

#70FFF7

Jade · LightSkyBlue · Lake Green

HEX
#70FFF7
RGB
rgb(112, 255, 247)
HSL
hsl(177, 100%, 72%)
HSB
hsb(177, 56%, 100%)
CMYK
cmyk(56%, 0%, 3%, 0%)
Oklch
oklch(92.0% 0.124 190.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

140F15
10150F

Analogous

110F15
140F15
150F13

Triadic

140F15
15140F
0F1514

Split-Comp.

140F15
13150F
0F1511

Tetradic

140F15
15110F
10150F
0F1315

Contrast Matrix WCAG 2.1 Contrast

140F15
FD583C
FFB35D
FCF69E
70FFF7
—
6.0
AA
10.7
AAA
17.0
AAA
15.6
AAA
6.0
AA
—
1.8
Fail
2.8
Fail
2.6
Fail
10.7
AAA
1.8
Fail
—
1.6
Fail
1.5
Fail
17.0
AAA
2.8
Fail
1.6
Fail
—
1.1
Fail
15.6
AAA
2.6
Fail
1.5
Fail
1.1
Fail
—
White BG
18.9AAA
3.2AA Large
1.8Fail
1.1Fail
1.2Fail
Black BG
1.1Fail
6.6AA
11.9AAA
18.8AAA
17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

121214
B6B443
DEDD72
F9F9B3
AEAFF9

Deuteranopia

121313
BFCC44
E3E877
FAFAB8
A69BF9

Tritanopia

141212
F54849
FB8286
FCC4C8
77FAFB

Achromatopsia

111111
868686
C0C0C0
EEEEEE
D3D3D3

Shades & Tints Shades & Tints

#140F15

Dark
Light

#FD583C

Dark
Light

#FFB35D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #140f15;
  --color-2: #fd583c;
  --color-3: #ffb35d;
  --color-4: #fcf69e;
  --color-5: #70fff7;
}

SCSS

$color-1: #140f15;
$color-2: #fd583c;
$color-3: #ffb35d;
$color-4: #fcf69e;
$color-5: #70fff7;

TAILWIND

colors: {
  'brand-1': '#140f15',
  'brand-2': '#fd583c',
  'brand-3': '#ffb35d',
  'brand-4': '#fcf69e',
  'brand-5': '#70fff7',
}

RGB Array

[20, 15, 21], [253, 88, 60], [255, 179, 93], [252, 246, 158], [112, 255, 247]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #140F15, #FD583C, #FFB35D, #FCF69E, #70FFF7 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: #140f15; --color-2: #fd583c; --color-3: #ffb35d; --color-4: #fcf69e; --color-5: #70fff7. 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 space-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