← Back to Editor

#080000 · #660607 · #C04F00 · #F0A724 · #F6D94D

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#080000

Vermilion · Black · Deep Berry

HEX
#080000
RGB
rgb(8, 0, 0)
HSL
hsl(0, 100%, 2%)
HSB
hsb(0, 100%, 3%)
CMYK
cmyk(0%, 100%, 100%, 97%)
Oklch
oklch(8.4% 0.035 29.2)

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

#660607

Vermilion · Maroon · Wine Red

HEX
#660607
RGB
rgb(102, 6, 7)
HSL
hsl(359, 89%, 21%)
HSB
hsb(359, 94%, 40%)
CMYK
cmyk(0%, 94%, 93%, 60%)
Oklch
oklch(32.5% 0.127 27.8)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#C04F00

Tangerine · Chocolate · Amber Brown

HEX
#C04F00
RGB
rgb(192, 79, 0)
HSL
hsl(25, 100%, 38%)
HSB
hsb(25, 100%, 75%)
CMYK
cmyk(0%, 59%, 100%, 25%)
Oklch
oklch(56.8% 0.162 45.2)

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

#F0A724

Ginger · GoldenRod · Warm Sun

HEX
#F0A724
RGB
rgb(240, 167, 36)
HSL
hsl(39, 87%, 54%)
HSB
hsb(39, 85%, 94%)
CMYK
cmyk(0%, 30%, 85%, 6%)
Oklch
oklch(78.0% 0.156 75.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#F6D94D

Fresh Green · SandyBrown · Sunflower

HEX
#F6D94D
RGB
rgb(246, 217, 77)
HSL
hsl(50, 90%, 63%)
HSB
hsb(50, 69%, 96%)
CMYK
cmyk(0%, 12%, 69%, 4%)
Oklch
oklch(88.5% 0.157 97.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

080000
000A0A

Analogous

0A0005
080000
0A0500

Triadic

080000
000A00
00000A

Split-Comp.

080000
000A05
00050A

Tetradic

080000
050A00
000A0A
05000A

Contrast Matrix WCAG 2.1 Contrast

080000
660607
C04F00
F0A724
F6D94D
—
1.6
Fail
4.3
AA Large
10.2
AAA
14.8
AAA
1.6
Fail
—
2.7
Fail
6.4
AA
9.4
AAA
4.3
AA Large
2.7
Fail
—
2.4
Fail
3.4
AA Large
10.2
AAA
6.4
AA
2.4
Fail
—
1.5
Fail
14.8
AAA
9.4
AAA
3.4
AA Large
1.5
Fail
—
White BG
20.8AAA
13.2AAA
4.8AA
2.0Fail
1.4Fail
Black BG
1.0Fail
1.6Fail
4.4AA Large
10.3AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

050400
3C3C07
8F8E13
D0D044
E9E96F

Deuteranopia

050600
424907
969E18
D5DA4B
EBED77

Tritanopia

080000
610707
BA2226
EC5D62
F58A90

Achromatopsia

020202
232323
686868
AEAEAE
D2D2D2

Shades & Tints Shades & Tints

#080000

Dark
Light

#660607

Dark
Light

#C04F00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #080000;
  --color-2: #660607;
  --color-3: #c04f00;
  --color-4: #f0a724;
  --color-5: #f6d94d;
}

SCSS

$color-1: #080000;
$color-2: #660607;
$color-3: #c04f00;
$color-4: #f0a724;
$color-5: #f6d94d;

TAILWIND

colors: {
  'brand-1': '#080000',
  'brand-2': '#660607',
  'brand-3': '#c04f00',
  'brand-4': '#f0a724',
  'brand-5': '#f6d94d',
}

RGB Array

[8, 0, 0], [102, 6, 7], [192, 79, 0], [240, 167, 36], [246, 217, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #080000, #660607, #C04F00, #F0A724, #F6D94D is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #080000; --color-2: #660607; --color-3: #c04f00; --color-4: #f0a724; --color-5: #f6d94d. 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 pastel-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