← Back to Editor

#D9B49A · #D9C2B2 · #00B1DE · #0081A1 · #003340

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 AppData Visualization

Color Details Color Details

#D9B49A

Apricot · Tan · Warm Sun

HEX
#D9B49A
RGB
rgb(217, 180, 154)
HSL
hsl(25, 45%, 73%)
HSB
hsb(25, 29%, 85%)
CMYK
cmyk(0%, 17%, 29%, 15%)
Oklch
oklch(79.6% 0.056 56.9)

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

#D9C2B2

Apricot · Silver · Peach Orange

HEX
#D9C2B2
RGB
rgb(217, 194, 178)
HSL
hsl(25, 34%, 77%)
HSB
hsb(25, 18%, 85%)
CMYK
cmyk(0%, 11%, 18%, 15%)
Oklch
oklch(82.9% 0.034 57.0)

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

#00B1DE

Lake Blue · DarkTurquoise · Mint Ice

HEX
#00B1DE
RGB
rgb(0, 177, 222)
HSL
hsl(192, 100%, 44%)
HSB
hsb(192, 100%, 87%)
CMYK
cmyk(100%, 20%, 0%, 13%)
Oklch
oklch(70.7% 0.133 224.4)

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

#0081A1

Lake Blue · Teal · Mint Ice

HEX
#0081A1
RGB
rgb(0, 129, 161)
HSL
hsl(192, 100%, 32%)
HSB
hsb(192, 100%, 63%)
CMYK
cmyk(100%, 20%, 0%, 37%)
Oklch
oklch(56.0% 0.104 223.2)

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

#003340

Lake Blue · DarkSlateGray · Peacock Green

HEX
#003340
RGB
rgb(0, 51, 64)
HSL
hsl(192, 100%, 13%)
HSB
hsb(192, 100%, 25%)
CMYK
cmyk(100%, 20%, 0%, 75%)
Oklch
oklch(29.7% 0.054 220.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9B49A
9BBFD9

Analogous

D99BA0
D9B49A
D9D49B

Triadic

D9B49A
9BD9B5
B59BD9

Split-Comp.

D9B49A
9BD9D4
9BA0D9

Tetradic

D9B49A
A0D99B
9BBFD9
D49BD9

Contrast Matrix WCAG 2.1 Contrast

D9B49A
D9C2B2
00B1DE
0081A1
003340
—
1.1
Fail
1.3
Fail
2.4
Fail
7.1
AAA
1.1
Fail
—
1.5
Fail
2.6
Fail
8.0
AAA
1.3
Fail
1.5
Fail
—
1.8
Fail
5.4
AA
2.4
Fail
2.6
Fail
1.8
Fail
—
3.0
AA Large
7.1
AAA
8.0
AAA
5.4
AA
3.0
AA Large
—
White BG
1.9Fail
1.7Fail
2.5Fail
4.5AA
13.6AAA
Black BG
10.9AAA
12.3AAA
8.3AAA
4.7AA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9A0
CFCFB6
4D4ED3
383999
16173D

Deuteranopia

CBCEA2
D0D2B7
4235D0
302797
130F3C

Tritanopia

D7A5A6
D8B9BA
09CBC9
069392
033A3A

Achromatopsia

BCBCBC
C7C7C7
818181
5E5E5E
252525

Shades & Tints Shades & Tints

#D9B49A

Dark
Light

#D9C2B2

Dark
Light

#00B1DE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9b49a;
  --color-2: #d9c2b2;
  --color-3: #00b1de;
  --color-4: #0081a1;
  --color-5: #003340;
}

SCSS

$color-1: #d9b49a;
$color-2: #d9c2b2;
$color-3: #00b1de;
$color-4: #0081a1;
$color-5: #003340;

TAILWIND

colors: {
  'brand-1': '#d9b49a',
  'brand-2': '#d9c2b2',
  'brand-3': '#00b1de',
  'brand-4': '#0081a1',
  'brand-5': '#003340',
}

RGB Array

[217, 180, 154], [217, 194, 178], [0, 177, 222], [0, 129, 161], [0, 51, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9B49A, #D9C2B2, #00B1DE, #0081A1, #003340 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #d9b49a; --color-2: #d9c2b2; --color-3: #00b1de; --color-4: #0081a1; --color-5: #003340. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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