← Back to Editor

#FA9F29 · #15CAB1 · #0A633D · #2F3030

pastel

A 4-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

#FA9F29

Ginger · GoldenRod · Warm Sun

HEX
#FA9F29
RGB
rgb(250, 159, 41)
HSL
hsl(34, 95%, 57%)
HSB
hsb(34, 84%, 98%)
CMYK
cmyk(0%, 36%, 84%, 2%)
Oklch
oklch(77.7% 0.161 66.6)

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

#15CAB1

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#15CAB1
RGB
rgb(21, 202, 177)
HSL
hsl(172, 81%, 44%)
HSB
hsb(172, 90%, 79%)
CMYK
cmyk(90%, 0%, 12%, 21%)
Oklch
oklch(75.3% 0.135 179.4)

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

#0A633D

Mineral Blue · DarkSlateGray · Forest Green

HEX
#0A633D
RGB
rgb(10, 99, 61)
HSL
hsl(154, 82%, 21%)
HSB
hsb(154, 90%, 39%)
CMYK
cmyk(90%, 0%, 38%, 61%)
Oklch
oklch(44.2% 0.100 157.9)

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

#2F3030

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2F3030
RGB
rgb(47, 48, 48)
HSL
hsl(180, 1%, 19%)
HSB
hsb(180, 2%, 19%)
CMYK
cmyk(2%, 0%, 0%, 81%)
Oklch
oklch(30.8% 0.001 197.1)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FA9F29
2983FA

Analogous

FA3729
FA9F29
ECFA29

Triadic

FA9F29
29FA9F
9F29FA

Split-Comp.

FA9F29
29ECFA
3729FA

Tetradic

FA9F29
29FA37
2983FA
FA29EC

Contrast Matrix WCAG 2.1 Contrast

FA9F29
15CAB1
0A633D
2F3030
—
1.0
Fail
3.5
AA Large
6.3
AA
1.0
Fail
—
3.5
AA Large
6.4
AA
3.5
AA Large
3.5
AA Large
—
1.8
Fail
6.3
AA
6.4
AA
1.8
Fail
—
White BG
2.1Fail
2.1Fail
7.3AAA
13.2AAA
Black BG
10.1AAA
10.1AAA
2.9Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D246
6365B7
313146
2F2F30

Deuteranopia

D8DF4C
594BB9
2B2548
2F2F30

Tritanopia

F55C61
1EBCBD
0E4D4F
2F3030

Achromatopsia

ADADAD
919191
444444
303030

Shades & Tints Shades & Tints

#FA9F29

Dark
Light

#15CAB1

Dark
Light

#0A633D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fa9f29;
  --color-2: #15cab1;
  --color-3: #0a633d;
  --color-4: #2f3030;
}

SCSS

$color-1: #fa9f29;
$color-2: #15cab1;
$color-3: #0a633d;
$color-4: #2f3030;

TAILWIND

colors: {
  'brand-1': '#fa9f29',
  'brand-2': '#15cab1',
  'brand-3': '#0a633d',
  'brand-4': '#2f3030',
}

RGB Array

[250, 159, 41], [21, 202, 177], [10, 99, 61], [47, 48, 48]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This pastel-style palette of #FA9F29, #15CAB1, #0A633D, #2F3030 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 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fa9f29; --color-2: #15cab1; --color-3: #0a633d; --color-4: #2f3030. 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 4-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