← Back to Editor

#015A60 · #139B8D · #DED0B5 · #FFC9A5 · #FFAF90

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

#015A60

Lake Blue · Teal · Peacock Green

HEX
#015A60
RGB
rgb(1, 90, 96)
HSL
hsl(184, 98%, 19%)
HSB
hsb(184, 99%, 38%)
CMYK
cmyk(99%, 6%, 0%, 62%)
Oklch
oklch(42.6% 0.072 202.7)

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

#139B8D

Mineral Blue · Teal · Mint Ice

HEX
#139B8D
RGB
rgb(19, 155, 141)
HSL
hsl(174, 78%, 34%)
HSB
hsb(174, 88%, 61%)
CMYK
cmyk(88%, 0%, 9%, 39%)
Oklch
oklch(62.1% 0.107 183.5)

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

#DED0B5

Goose Yellow · Wheat · Lemon Cream

HEX
#DED0B5
RGB
rgb(222, 208, 181)
HSL
hsl(40, 38%, 79%)
HSB
hsb(40, 18%, 87%)
CMYK
cmyk(0%, 6%, 18%, 13%)
Oklch
oklch(86.2% 0.039 83.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFC9A5

Apricot · Wheat · Peach Orange

HEX
#FFC9A5
RGB
rgb(255, 201, 165)
HSL
hsl(24, 100%, 82%)
HSB
hsb(24, 35%, 100%)
CMYK
cmyk(0%, 21%, 35%, 0%)
Oklch
oklch(87.5% 0.078 55.2)

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

#FFAF90

Apricot · LightSalmon · Peach Orange

HEX
#FFAF90
RGB
rgb(255, 175, 144)
HSL
hsl(17, 100%, 78%)
HSB
hsb(17, 44%, 100%)
CMYK
cmyk(0%, 31%, 44%, 0%)
Oklch
oklch(82.4% 0.104 42.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

015A60
600701

Analogous

016037
015A60
012A60

Triadic

015A60
60015A
5A6001

Split-Comp.

015A60
60012A
603701

Tetradic

015A60
370160
600701
2A6001

Contrast Matrix WCAG 2.1 Contrast

015A60
139B8D
DED0B5
FFC9A5
FFAF90
—
2.3
Fail
5.2
AA
5.4
AA
4.5
AA Large
2.3
Fail
—
2.3
Fail
2.3
Fail
1.9
Fail
5.2
AA
2.3
Fail
—
1.0
Fail
1.2
Fail
5.4
AA
2.3
Fail
1.0
Fail
—
1.2
Fail
4.5
AA Large
1.9
Fail
1.2
Fail
1.2
Fail
—
White BG
8.0AAA
3.4AA Large
1.5Fail
1.5Fail
1.8Fail
Black BG
2.6Fail
6.1AA
13.8AAA
14.1AAA
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

28285F
4E4F90
D8D8BC
E8E7AE
DCDC98

Deuteranopia

221C5E
463C91
D9DABD
EBEFB0
E1E799

Tritanopia

055D5D
1A9394
DDC1C2
FCB5B6
FB9D9F

Achromatopsia

404040
717171
D1D1D1
D5D5D5
C3C3C3

Shades & Tints Shades & Tints

#015A60

Dark
Light

#139B8D

Dark
Light

#DED0B5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #015a60;
  --color-2: #139b8d;
  --color-3: #ded0b5;
  --color-4: #ffc9a5;
  --color-5: #ffaf90;
}

SCSS

$color-1: #015a60;
$color-2: #139b8d;
$color-3: #ded0b5;
$color-4: #ffc9a5;
$color-5: #ffaf90;

TAILWIND

colors: {
  'brand-1': '#015a60',
  'brand-2': '#139b8d',
  'brand-3': '#ded0b5',
  'brand-4': '#ffc9a5',
  'brand-5': '#ffaf90',
}

RGB Array

[1, 90, 96], [19, 155, 141], [222, 208, 181], [255, 201, 165], [255, 175, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #015A60, #139B8D, #DED0B5, #FFC9A5, #FFAF90 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: #015a60; --color-2: #139b8d; --color-3: #ded0b5; --color-4: #ffc9a5; --color-5: #ffaf90. 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