← Back to Editor

#FB9900 · #F2B000 · #41A5A5 · #003E4C · #071629

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 PostIllustration

Color Details Color Details

#FB9900

Ochre · Orange · Amber Brown

HEX
#FB9900
RGB
rgb(251, 153, 0)
HSL
hsl(37, 100%, 49%)
HSB
hsb(37, 100%, 98%)
CMYK
cmyk(0%, 39%, 100%, 2%)
Oklch
oklch(76.7% 0.171 65.8)

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

#F2B000

Ochre · Orange · Honey Gold

HEX
#F2B000
RGB
rgb(242, 176, 0)
HSL
hsl(44, 100%, 47%)
HSB
hsb(44, 100%, 95%)
CMYK
cmyk(0%, 27%, 100%, 5%)
Oklch
oklch(79.8% 0.165 81.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#41A5A5

Slate Blue · CadetBlue · Mint Ice

HEX
#41A5A5
RGB
rgb(65, 165, 165)
HSL
hsl(180, 43%, 45%)
HSB
hsb(180, 61%, 65%)
CMYK
cmyk(61%, 0%, 0%, 35%)
Oklch
oklch(66.4% 0.092 195.2)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#003E4C

Lake Blue · DarkSlateGray · Peacock Green

HEX
#003E4C
RGB
rgb(0, 62, 76)
HSL
hsl(191, 100%, 15%)
HSB
hsb(191, 100%, 30%)
CMYK
cmyk(100%, 18%, 0%, 70%)
Oklch
oklch(33.6% 0.061 218.8)

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

#071629

Indigo · Black · Deep Sea Blue

HEX
#071629
RGB
rgb(7, 22, 41)
HSL
hsl(214, 71%, 9%)
HSB
hsb(214, 83%, 16%)
CMYK
cmyk(83%, 46%, 0%, 84%)
Oklch
oklch(19.9% 0.044 255.0)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FB9900
0060FA

Analogous

FA1D00
FB9900
DDFA00

Triadic

FB9900
00FA9A
9A00FA

Split-Comp.

FB9900
00DDFA
1D00FA

Tetradic

FB9900
00FA1D
0060FA
FA00DD

Contrast Matrix WCAG 2.1 Contrast

FB9900
F2B000
41A5A5
003E4C
071629
—
1.1
Fail
1.4
Fail
5.4
AA
8.4
AAA
1.1
Fail
—
1.5
Fail
6.1
AA
9.5
AAA
1.4
Fail
1.5
Fail
—
4.0
AA Large
6.2
AA
5.4
AA
6.1
AA
4.0
AA Large
—
1.6
Fail
8.4
AAA
9.5
AAA
6.2
AA
1.6
Fail
—
White BG
2.2Fail
1.9Fail
2.9Fail
11.7AAA
18.2AAA
Black BG
9.7AAA
11.0AAA
7.2AAA
1.8Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D025
D5D52B
6C6DA5
1B1B49
0D0E24

Deuteranopia

D6DE2E
D9DE35
675FA5
171348
0D0C23

Tritanopia

F64249
EF4C54
46A5A5
034645
082120

Achromatopsia

A5A5A5
B0B0B0
878787
2D2D2D
141414

Shades & Tints Shades & Tints

#FB9900

Dark
Light

#F2B000

Dark
Light

#41A5A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fb9900;
  --color-2: #f2b000;
  --color-3: #41a5a5;
  --color-4: #003e4c;
  --color-5: #071629;
}

SCSS

$color-1: #fb9900;
$color-2: #f2b000;
$color-3: #41a5a5;
$color-4: #003e4c;
$color-5: #071629;

TAILWIND

colors: {
  'brand-1': '#fb9900',
  'brand-2': '#f2b000',
  'brand-3': '#41a5a5',
  'brand-4': '#003e4c',
  'brand-5': '#071629',
}

RGB Array

[251, 153, 0], [242, 176, 0], [65, 165, 165], [0, 62, 76], [7, 22, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FB9900, #F2B000, #41A5A5, #003E4C, #071629 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #fb9900; --color-2: #f2b000; --color-3: #41a5a5; --color-4: #003e4c; --color-5: #071629. 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. 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