← Back to Editor

#62D3C1 · #B9D5B5 · #CAF4B4 · #FFD9B3 · #F9DCCE

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#62D3C1

Jade · MediumAquaMarine · Lake Green

HEX
#62D3C1
RGB
rgb(98, 211, 193)
HSL
hsl(170, 56%, 61%)
HSB
hsb(170, 54%, 83%)
CMYK
cmyk(54%, 0%, 9%, 17%)
Oklch
oklch(79.6% 0.107 181.6)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#B9D5B5

Celadon · Silver · Apple Green

HEX
#B9D5B5
RGB
rgb(185, 213, 181)
HSL
hsl(113, 28%, 77%)
HSB
hsb(113, 15%, 84%)
CMYK
cmyk(13%, 0%, 15%, 16%)
Oklch
oklch(84.4% 0.053 141.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#CAF4B4

Emerald · LightGray · Mint Green

HEX
#CAF4B4
RGB
rgb(202, 244, 180)
HSL
hsl(99, 74%, 83%)
HSB
hsb(99, 26%, 96%)
CMYK
cmyk(17%, 0%, 26%, 4%)
Oklch
oklch(92.2% 0.095 135.1)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#FFD9B3

Goose Yellow · Wheat · Peach Orange

HEX
#FFD9B3
RGB
rgb(255, 217, 179)
HSL
hsl(30, 100%, 85%)
HSB
hsb(30, 30%, 100%)
CMYK
cmyk(0%, 15%, 30%, 0%)
Oklch
oklch(90.8% 0.065 66.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F9DCCE

Apricot · Bisque · Peach Orange

HEX
#F9DCCE
RGB
rgb(249, 220, 206)
HSL
hsl(20, 78%, 89%)
HSB
hsb(20, 17%, 98%)
CMYK
cmyk(0%, 12%, 17%, 2%)
Oklch
oklch(91.5% 0.037 47.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

62D3C1
D36476

Analogous

64D389
62D3C1
64AED3

Triadic

62D3C1
C164D3
D3C164

Split-Comp.

62D3C1
D364AE
D38964

Tetradic

62D3C1
8964D3
D36476
AED364

Contrast Matrix WCAG 2.1 Contrast

62D3C1
B9D5B5
CAF4B4
FFD9B3
F9DCCE
—
1.1
Fail
1.5
Fail
1.4
Fail
1.4
Fail
1.1
Fail
—
1.3
Fail
1.2
Fail
1.2
Fail
1.5
Fail
1.3
Fail
—
1.1
Fail
1.1
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
1.0
Fail
1.4
Fail
1.2
Fail
1.1
Fail
1.0
Fail
—
White BG
1.8Fail
1.6Fail
1.2Fail
1.3Fail
1.3Fail
Black BG
11.6AAA
13.2AAA
17.1AAA
15.8AAA
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9394C5
C5C5BD
DCDDC3
EFEEBC
ECECD1

Deuteranopia

8C84C6
C4C1BF
DAD7C7
F1F4BE
EEF0D2

Tritanopia

68C9CA
BAC3C4
CCD0D2
FDC3C5
F8D4D5

Achromatopsia

AFAFAF
C9C9C9
E0E0E0
E0E0E0
E3E3E3

Shades & Tints Shades & Tints

#62D3C1

Dark
Light

#B9D5B5

Dark
Light

#CAF4B4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #62d3c1;
  --color-2: #b9d5b5;
  --color-3: #caf4b4;
  --color-4: #ffd9b3;
  --color-5: #f9dcce;
}

SCSS

$color-1: #62d3c1;
$color-2: #b9d5b5;
$color-3: #caf4b4;
$color-4: #ffd9b3;
$color-5: #f9dcce;

TAILWIND

colors: {
  'brand-1': '#62d3c1',
  'brand-2': '#b9d5b5',
  'brand-3': '#caf4b4',
  'brand-4': '#ffd9b3',
  'brand-5': '#f9dcce',
}

RGB Array

[98, 211, 193], [185, 213, 181], [202, 244, 180], [255, 217, 179], [249, 220, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #62D3C1, #B9D5B5, #CAF4B4, #FFD9B3, #F9DCCE is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #62d3c1; --color-2: #b9d5b5; --color-3: #caf4b4; --color-4: #ffd9b3; --color-5: #f9dcce. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 general-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