← Back to Editor

#24A388 · #94A324 · #A38824 · #A36424 · #A34424

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

#24A388

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#24A388
RGB
rgb(36, 163, 136)
HSL
hsl(167, 64%, 39%)
HSB
hsb(167, 78%, 64%)
CMYK
cmyk(78%, 0%, 17%, 36%)
Oklch
oklch(64.3% 0.113 174.3)

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

#94A324

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#94A324
RGB
rgb(148, 163, 36)
HSL
hsl(67, 64%, 39%)
HSB
hsb(67, 78%, 64%)
CMYK
cmyk(9%, 0%, 78%, 36%)
Oklch
oklch(68.1% 0.144 116.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#A38824

Ochre · DarkGoldenRod · Honey Gold

HEX
#A38824
RGB
rgb(163, 136, 36)
HSL
hsl(47, 64%, 39%)
HSB
hsb(47, 78%, 64%)
CMYK
cmyk(0%, 17%, 78%, 36%)
Oklch
oklch(63.4% 0.118 93.0)

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

#A36424

Ochre · Sienna · Amber Brown

HEX
#A36424
RGB
rgb(163, 100, 36)
HSL
hsl(30, 64%, 39%)
HSB
hsb(30, 78%, 64%)
CMYK
cmyk(0%, 39%, 78%, 36%)
Oklch
oklch(56.2% 0.112 61.8)

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

#A34424

Tangerine · Sienna · Amber Brown

HEX
#A34424
RGB
rgb(163, 68, 36)
HSL
hsl(15, 64%, 39%)
HSB
hsb(15, 78%, 64%)
CMYK
cmyk(0%, 58%, 78%, 36%)
Oklch
oklch(50.8% 0.134 38.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

24A388
A3243F

Analogous

24A348
24A388
247FA3

Triadic

24A388
8824A3
A38824

Split-Comp.

24A388
A3247F
A34824

Tetradic

24A388
4824A3
A3243F
7FA324

Contrast Matrix WCAG 2.1 Contrast

24A388
94A324
A38824
A36424
A34424
—
1.1
Fail
1.1
Fail
1.5
Fail
2.0
Fail
1.1
Fail
—
1.2
Fail
1.7
Fail
2.2
Fail
1.1
Fail
1.2
Fail
—
1.4
Fail
1.8
Fail
1.5
Fail
1.7
Fail
1.4
Fail
—
1.3
Fail
2.0
Fail
2.2
Fail
1.8
Fail
1.3
Fail
—
White BG
3.1AA Large
2.8Fail
3.4AA Large
4.8AA
6.2AA
Black BG
6.7AA
7.5AAA
6.1AA
4.4AA Large
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5C8F
9A9B43
97973C
888733
7A792C

Deuteranopia

544A90
9A994A
999B42
8B9037
7F872E

Tritanopia

2A9495
955B60
A24F54
A04042
9E3233

Achromatopsia

7A7A7A
909090
858585
707070
5D5D5D

Shades & Tints Shades & Tints

#24A388

Dark
Light

#94A324

Dark
Light

#A38824

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #24a388;
  --color-2: #94a324;
  --color-3: #a38824;
  --color-4: #a36424;
  --color-5: #a34424;
}

SCSS

$color-1: #24a388;
$color-2: #94a324;
$color-3: #a38824;
$color-4: #a36424;
$color-5: #a34424;

TAILWIND

colors: {
  'brand-1': '#24a388',
  'brand-2': '#94a324',
  'brand-3': '#a38824',
  'brand-4': '#a36424',
  'brand-5': '#a34424',
}

RGB Array

[36, 163, 136], [148, 163, 36], [163, 136, 36], [163, 100, 36], [163, 68, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #24A388, #94A324, #A38824, #A36424, #A34424 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: #24a388; --color-2: #94a324; --color-3: #a38824; --color-4: #a36424; --color-5: #a34424. 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