← Back to Editor

#F19601 · #F21F26 · #251819 · #EBC83A · #73B295

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#F19601

Ochre · Orange · Amber Brown

HEX
#F19601
RGB
rgb(241, 150, 1)
HSL
hsl(37, 99%, 47%)
HSB
hsb(37, 100%, 95%)
CMYK
cmyk(0%, 38%, 100%, 5%)
Oklch
oklch(74.9% 0.165 67.5)

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

#F21F26

Vermilion · Crimson · Passion Red

HEX
#F21F26
RGB
rgb(242, 31, 38)
HSL
hsl(358, 89%, 54%)
HSB
hsb(358, 87%, 95%)
CMYK
cmyk(0%, 87%, 84%, 5%)
Oklch
oklch(61.4% 0.237 27.0)

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

#251819

Crimson · Black · Deep Berry

HEX
#251819
RGB
rgb(37, 24, 25)
HSL
hsl(355, 21%, 12%)
HSB
hsb(355, 35%, 15%)
CMYK
cmyk(0%, 35%, 32%, 85%)
Oklch
oklch(22.6% 0.021 13.8)

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

#EBC83A

Ginger · GoldenRod · Sunflower

HEX
#EBC83A
RGB
rgb(235, 200, 58)
HSL
hsl(48, 82%, 57%)
HSB
hsb(48, 75%, 92%)
CMYK
cmyk(0%, 15%, 75%, 8%)
Oklch
oklch(84.0% 0.155 94.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#73B295

Mineral Blue · DarkSeaGreen · Olive Green

HEX
#73B295
RGB
rgb(115, 178, 149)
HSL
hsl(152, 29%, 57%)
HSB
hsb(152, 35%, 70%)
CMYK
cmyk(35%, 0%, 16%, 30%)
Oklch
oklch(71.2% 0.078 163.8)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F19601
015CEF

Analogous

EF1D01
F19601
D3EF01

Triadic

F19601
01EF94
9401EF

Split-Comp.

F19601
01D3EF
1D01EF

Tetradic

F19601
01EF1D
015CEF
EF01D3

Contrast Matrix WCAG 2.1 Contrast

F19601
F21F26
251819
EBC83A
73B295
—
1.8
Fail
7.4
AAA
1.4
Fail
1.1
Fail
1.8
Fail
—
4.1
AA Large
2.6
Fail
1.7
Fail
7.4
AAA
4.1
AA Large
—
10.5
AAA
7.0
AA
1.4
Fail
2.6
Fail
10.5
AAA
—
1.5
Fail
1.1
Fail
1.7
Fail
7.0
AA
1.5
Fail
—
White BG
2.3Fail
4.2AA Large
17.2AAA
1.6Fail
2.5Fail
Black BG
9.1AAA
5.0AA
1.2Fail
12.9AAA
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CAC925
979524
1F1F19
DCDC5C
8E8F9C

Deuteranopia

CFD62E
A3B324
202119
DEE165
8B869E

Tritanopia

EC4248
E72323
241919
E9777D
76A2A3

Achromatopsia

A0A0A0
5F5F5F
1C1C1C
C2C2C2
9C9C9C

Shades & Tints Shades & Tints

#F19601

Dark
Light

#F21F26

Dark
Light

#251819

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f19601;
  --color-2: #f21f26;
  --color-3: #251819;
  --color-4: #ebc83a;
  --color-5: #73b295;
}

SCSS

$color-1: #f19601;
$color-2: #f21f26;
$color-3: #251819;
$color-4: #ebc83a;
$color-5: #73b295;

TAILWIND

colors: {
  'brand-1': '#f19601',
  'brand-2': '#f21f26',
  'brand-3': '#251819',
  'brand-4': '#ebc83a',
  'brand-5': '#73b295',
}

RGB Array

[241, 150, 1], [242, 31, 38], [37, 24, 25], [235, 200, 58], [115, 178, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F19601, #F21F26, #251819, #EBC83A, #73B295 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: #f19601; --color-2: #f21f26; --color-3: #251819; --color-4: #ebc83a; --color-5: #73b295. 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 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