← Back to Editor

#25B394 · #CF4286 · #F24646 · #FA8339 · #DEB82F

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

#25B394

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#25B394
RGB
rgb(37, 179, 148)
HSL
hsl(167, 66%, 42%)
HSB
hsb(167, 79%, 70%)
CMYK
cmyk(79%, 0%, 17%, 30%)
Oklch
oklch(68.8% 0.124 173.5)

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

#CF4286

Dark Violet · MediumVioletRed · Rose Pink

HEX
#CF4286
RGB
rgb(207, 66, 134)
HSL
hsl(331, 59%, 54%)
HSB
hsb(331, 68%, 81%)
CMYK
cmyk(0%, 68%, 35%, 19%)
Oklch
oklch(59.8% 0.187 354.6)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#F24646

Peach Pink · Tomato · Coral Red

HEX
#F24646
RGB
rgb(242, 70, 70)
HSL
hsl(0, 87%, 61%)
HSB
hsb(0, 71%, 95%)
CMYK
cmyk(0%, 71%, 71%, 5%)
Oklch
oklch(64.4% 0.209 25.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FA8339

Tangerine · Coral · Warm Sun

HEX
#FA8339
RGB
rgb(250, 131, 57)
HSL
hsl(23, 95%, 60%)
HSB
hsb(23, 77%, 98%)
CMYK
cmyk(0%, 48%, 77%, 2%)
Oklch
oklch(73.2% 0.168 49.0)

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

#DEB82F

Ginger · GoldenRod · Sunflower

HEX
#DEB82F
RGB
rgb(222, 184, 47)
HSL
hsl(47, 73%, 53%)
HSB
hsb(47, 79%, 87%)
CMYK
cmyk(0%, 17%, 79%, 13%)
Oklch
oklch(79.4% 0.150 92.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

25B394
B22443

Analogous

24B24C
25B394
248AB2

Triadic

25B394
9324B2
B29324

Split-Comp.

25B394
B2248A
B24C24

Tetradic

25B394
4C24B2
B22443
8AB224

Contrast Matrix WCAG 2.1 Contrast

25B394
CF4286
F24646
FA8339
DEB82F
—
1.7
Fail
1.4
Fail
1.1
Fail
1.4
Fail
1.7
Fail
—
1.2
Fail
1.8
Fail
2.3
Fail
1.4
Fail
1.2
Fail
—
1.5
Fail
1.9
Fail
1.1
Fail
1.8
Fail
1.5
Fail
—
1.3
Fail
1.4
Fail
2.3
Fail
1.9
Fail
1.3
Fail
—
White BG
2.6Fail
4.4AA Large
3.7AA Large
2.5Fail
1.9Fail
Black BG
8.0AAA
4.8AA
5.7AA
8.4AAA
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

62649C
929176
A8A646
C6C54B
CECD50

Deuteranopia

5A509D
9AA572
B2BE46
CDD64F
D0D358

Tritanopia

2CA1A3
C86966
E94646
F4595C
DC6A70

Achromatopsia

858585
747474
797979
9E9E9E
B4B4B4

Shades & Tints Shades & Tints

#25B394

Dark
Light

#CF4286

Dark
Light

#F24646

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #25b394;
  --color-2: #cf4286;
  --color-3: #f24646;
  --color-4: #fa8339;
  --color-5: #deb82f;
}

SCSS

$color-1: #25b394;
$color-2: #cf4286;
$color-3: #f24646;
$color-4: #fa8339;
$color-5: #deb82f;

TAILWIND

colors: {
  'brand-1': '#25b394',
  'brand-2': '#cf4286',
  'brand-3': '#f24646',
  'brand-4': '#fa8339',
  'brand-5': '#deb82f',
}

RGB Array

[37, 179, 148], [207, 66, 134], [242, 70, 70], [250, 131, 57], [222, 184, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #25B394, #CF4286, #F24646, #FA8339, #DEB82F is ideal for: social media posters, mobile apps, e-commerce promos. 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: #25b394; --color-2: #cf4286; --color-3: #f24646; --color-4: #fa8339; --color-5: #deb82f. 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. 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