← Back to Editor

#15D1A8 · #63524A · #923745 · #D1143E · #D1A815

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

#15D1A8

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#15D1A8
RGB
rgb(21, 209, 168)
HSL
hsl(167, 82%, 45%)
HSB
hsb(167, 90%, 82%)
CMYK
cmyk(90%, 0%, 20%, 18%)
Oklch
oklch(76.8% 0.147 171.6)

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

#63524A

Tangerine · DimGray · Amber Brown

HEX
#63524A
RGB
rgb(99, 82, 74)
HSL
hsl(19, 14%, 34%)
HSB
hsb(19, 25%, 39%)
CMYK
cmyk(0%, 17%, 25%, 61%)
Oklch
oklch(45.3% 0.026 46.7)

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

#923745

Crimson · Brown · Wine Red

HEX
#923745
RGB
rgb(146, 55, 69)
HSL
hsl(351, 45%, 39%)
HSB
hsb(351, 62%, 57%)
CMYK
cmyk(0%, 62%, 53%, 43%)
Oklch
oklch(46.8% 0.123 13.9)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#D1143E

Vermilion · Crimson · Passion Red

HEX
#D1143E
RGB
rgb(209, 20, 62)
HSL
hsl(347, 83%, 45%)
HSB
hsb(347, 90%, 82%)
CMYK
cmyk(0%, 90%, 70%, 18%)
Oklch
oklch(55.1% 0.213 18.5)

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

#D1A815

Ochre · GoldenRod · Honey Gold

HEX
#D1A815
RGB
rgb(209, 168, 21)
HSL
hsl(47, 82%, 45%)
HSB
hsb(47, 90%, 82%)
CMYK
cmyk(0%, 20%, 90%, 18%)
Oklch
oklch(74.8% 0.149 90.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

15D1A8
D1153D

Analogous

15D14A
15D1A8
159CD1

Triadic

15D1A8
A815D1
D1A815

Split-Comp.

15D1A8
D1159C
D14A15

Tetradic

15D1A8
4A15D1
D1153D
9CD115

Contrast Matrix WCAG 2.1 Contrast

15D1A8
63524A
923745
D1143E
D1A815
—
3.8
AA Large
3.8
AA Large
2.8
Fail
1.1
Fail
3.8
AA Large
—
1.0
Fail
1.4
Fail
3.3
AA Large
3.8
AA Large
1.0
Fail
—
1.4
Fail
3.3
AA Large
2.8
Fail
1.4
Fail
1.4
Fail
—
2.4
Fail
1.1
Fail
3.3
AA Large
3.3
AA Large
2.4
Fail
—
White BG
2.0Fail
7.4AAA
7.4AAA
5.4AA
2.3Fail
Black BG
10.7AAA
2.8Fail
2.9Fail
3.9AA Large
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6668B2
5C5B4C
6B6A42
7F7D34
BFBF39

Deuteranopia

5C4DB4
5D5E4C
707741
8A9831
C2C541

Tritanopia

1EBABB
624D4E
8D3F3E
C82C2A
CF555B

Achromatopsia

949494
565656
545454
515151
A4A4A4

Shades & Tints Shades & Tints

#15D1A8

Dark
Light

#63524A

Dark
Light

#923745

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #15d1a8;
  --color-2: #63524a;
  --color-3: #923745;
  --color-4: #d1143e;
  --color-5: #d1a815;
}

SCSS

$color-1: #15d1a8;
$color-2: #63524a;
$color-3: #923745;
$color-4: #d1143e;
$color-5: #d1a815;

TAILWIND

colors: {
  'brand-1': '#15d1a8',
  'brand-2': '#63524a',
  'brand-3': '#923745',
  'brand-4': '#d1143e',
  'brand-5': '#d1a815',
}

RGB Array

[21, 209, 168], [99, 82, 74], [146, 55, 69], [209, 20, 62], [209, 168, 21]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #15D1A8, #63524A, #923745, #D1143E, #D1A815 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: #15d1a8; --color-2: #63524a; --color-3: #923745; --color-4: #d1143e; --color-5: #d1a815. 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