← Back to Editor

#429C9A · #53B4A1 · #ADD1AD · #D1E0B5 · #DDB592

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#429C9A

Mineral Blue · CadetBlue · Mint Ice

HEX
#429C9A
RGB
rgb(66, 156, 154)
HSL
hsl(179, 41%, 44%)
HSB
hsb(179, 58%, 61%)
CMYK
cmyk(58%, 0%, 1%, 39%)
Oklch
oklch(63.8% 0.085 193.2)

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

#53B4A1

Mineral Blue · CadetBlue · Lake Green

HEX
#53B4A1
RGB
rgb(83, 180, 161)
HSL
hsl(168, 39%, 52%)
HSB
hsb(168, 54%, 71%)
CMYK
cmyk(54%, 0%, 11%, 29%)
Oklch
oklch(70.6% 0.096 178.7)

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

#ADD1AD

Celadon · Silver · Apple Green

HEX
#ADD1AD
RGB
rgb(173, 209, 173)
HSL
hsl(120, 28%, 75%)
HSB
hsb(120, 17%, 82%)
CMYK
cmyk(17%, 0%, 17%, 18%)
Oklch
oklch(82.5% 0.063 145.0)

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

#D1E0B5

Willow Green · LightGray · Apple Green

HEX
#D1E0B5
RGB
rgb(209, 224, 181)
HSL
hsl(81, 41%, 79%)
HSB
hsb(81, 19%, 88%)
CMYK
cmyk(7%, 0%, 19%, 12%)
Oklch
oklch(88.4% 0.059 123.2)

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

#DDB592

Apricot · BurlyWood · Warm Sun

HEX
#DDB592
RGB
rgb(221, 181, 146)
HSL
hsl(28, 52%, 72%)
HSB
hsb(28, 34%, 87%)
CMYK
cmyk(0%, 18%, 34%, 13%)
Oklch
oklch(80.0% 0.066 62.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

429C9A
9E4244

Analogous

429E6F
429C9A
42729E

Triadic

429C9A
9D429E
9E9D42

Split-Comp.

429C9A
9E4272
9E6F42

Tetradic

429C9A
6F429E
9E4244
729E42

Contrast Matrix WCAG 2.1 Contrast

429C9A
53B4A1
ADD1AD
D1E0B5
DDB592
—
1.3
Fail
1.9
Fail
2.3
Fail
1.7
Fail
1.3
Fail
—
1.5
Fail
1.8
Fail
1.3
Fail
1.9
Fail
1.5
Fail
—
1.2
Fail
1.1
Fail
2.3
Fail
1.8
Fail
1.2
Fail
—
1.4
Fail
1.7
Fail
1.3
Fail
1.1
Fail
1.4
Fail
—
White BG
3.3AA Large
2.5Fail
1.7Fail
1.4Fail
1.9Fail
Black BG
6.5AA
8.4AAA
12.5AAA
15.0AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

696A9A
7D7EA6
BDBDB6
D7D8BF
CCCB9A

Deuteranopia

645D9B
7770A7
BBB8B8
D7D6C2
CED19D

Tritanopia

479B9B
58A9AA
AFBDBE
D2C8C9
DBA1A3

Achromatopsia

818181
959595
C2C2C2
D7D7D7
BDBDBD

Shades & Tints Shades & Tints

#429C9A

Dark
Light

#53B4A1

Dark
Light

#ADD1AD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #429c9a;
  --color-2: #53b4a1;
  --color-3: #add1ad;
  --color-4: #d1e0b5;
  --color-5: #ddb592;
}

SCSS

$color-1: #429c9a;
$color-2: #53b4a1;
$color-3: #add1ad;
$color-4: #d1e0b5;
$color-5: #ddb592;

TAILWIND

colors: {
  'brand-1': '#429c9a',
  'brand-2': '#53b4a1',
  'brand-3': '#add1ad',
  'brand-4': '#d1e0b5',
  'brand-5': '#ddb592',
}

RGB Array

[66, 156, 154], [83, 180, 161], [173, 209, 173], [209, 224, 181], [221, 181, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #429C9A, #53B4A1, #ADD1AD, #D1E0B5, #DDB592 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #429c9a; --color-2: #53b4a1; --color-3: #add1ad; --color-4: #d1e0b5; --color-5: #ddb592. 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 general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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