← Back to Editor

#D1BC00 · #029991 · #436899 · #713D82 · #F2E3A0

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

#D1BC00

Autumn Sage · GoldenRod · Honey Gold

HEX
#D1BC00
RGB
rgb(209, 188, 0)
HSL
hsl(54, 100%, 41%)
HSB
hsb(54, 100%, 82%)
CMYK
cmyk(0%, 10%, 100%, 18%)
Oklch
oklch(78.8% 0.165 101.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#029991

Mineral Blue · Teal · Mint Ice

HEX
#029991
RGB
rgb(2, 153, 145)
HSL
hsl(177, 97%, 30%)
HSB
hsb(177, 99%, 60%)
CMYK
cmyk(99%, 0%, 5%, 40%)
Oklch
oklch(61.6% 0.107 188.3)

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

#436899

Indigo · SteelBlue · Navy Blue

HEX
#436899
RGB
rgb(67, 104, 153)
HSL
hsl(214, 39%, 43%)
HSB
hsb(214, 56%, 60%)
CMYK
cmyk(56%, 32%, 0%, 40%)
Oklch
oklch(51.2% 0.089 255.9)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#713D82

Dark Plum · DarkSlateBlue · Eggplant

HEX
#713D82
RGB
rgb(113, 61, 130)
HSL
hsl(285, 36%, 37%)
HSB
hsb(285, 53%, 51%)
CMYK
cmyk(13%, 53%, 0%, 49%)
Oklch
oklch(45.4% 0.122 317.3)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#F2E3A0

Goose Yellow · Wheat · Lemon Cream

HEX
#F2E3A0
RGB
rgb(242, 227, 160)
HSL
hsl(49, 76%, 79%)
HSB
hsb(49, 34%, 95%)
CMYK
cmyk(0%, 6%, 34%, 5%)
Oklch
oklch(91.2% 0.087 97.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1BC00
0015D1

Analogous

D15400
D1BC00
7DD100

Triadic

D1BC00
00D1BC
BC00D1

Split-Comp.

D1BC00
007DD1
5400D1

Tetradic

D1BC00
00D154
0015D1
D1007D

Contrast Matrix WCAG 2.1 Contrast

D1BC00
029991
436899
713D82
F2E3A0
—
1.8
Fail
3.0
Fail
4.1
AA Large
1.5
Fail
1.8
Fail
—
1.6
Fail
2.2
Fail
2.7
Fail
3.0
Fail
1.6
Fail
—
1.4
Fail
4.4
AA Large
4.1
AA Large
2.2
Fail
1.4
Fail
—
6.0
AA
1.5
Fail
2.7
Fail
4.4
AA Large
6.0
AA
—
White BG
1.9Fail
3.5AA Large
5.7AA
7.8AAA
1.3Fail
Black BG
10.9AAA
6.0AA
3.7AA Large
2.7Fail
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C82D
434593
53538D
5A5A71
ECEBB0

Deuteranopia

C9CB38
3B2F93
514E8A
5E616D
ECEDB4

Tritanopia

D05159
0A9495
458482
6E6461
F1BDC0

Achromatopsia

ADADAD
6B6B6B
636363
545454
E0E0E0

Shades & Tints Shades & Tints

#D1BC00

Dark
Light

#029991

Dark
Light

#436899

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1bc00;
  --color-2: #029991;
  --color-3: #436899;
  --color-4: #713d82;
  --color-5: #f2e3a0;
}

SCSS

$color-1: #d1bc00;
$color-2: #029991;
$color-3: #436899;
$color-4: #713d82;
$color-5: #f2e3a0;

TAILWIND

colors: {
  'brand-1': '#d1bc00',
  'brand-2': '#029991',
  'brand-3': '#436899',
  'brand-4': '#713d82',
  'brand-5': '#f2e3a0',
}

RGB Array

[209, 188, 0], [2, 153, 145], [67, 104, 153], [113, 61, 130], [242, 227, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1BC00, #029991, #436899, #713D82, #F2E3A0 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: #d1bc00; --color-2: #029991; --color-3: #436899; --color-4: #713d82; --color-5: #f2e3a0. 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