← Back to Editor

#0081A9 · #883EBB · #CF0482 · #E4A001 · #00C203

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#0081A9

Lake Blue · Teal · Mint Ice

HEX
#0081A9
RGB
rgb(0, 129, 169)
HSL
hsl(194, 100%, 33%)
HSB
hsb(194, 100%, 66%)
CMYK
cmyk(100%, 24%, 0%, 34%)
Oklch
oklch(56.4% 0.111 228.8)

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

#883EBB

Dark Plum · DarkOrchid · Violet

HEX
#883EBB
RGB
rgb(136, 62, 187)
HSL
hsl(276, 50%, 49%)
HSB
hsb(276, 67%, 73%)
CMYK
cmyk(27%, 67%, 0%, 27%)
Oklch
oklch(52.0% 0.192 308.3)

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

#CF0482

Rose Purple · MediumVioletRed · Camellia

HEX
#CF0482
RGB
rgb(207, 4, 130)
HSL
hsl(323, 96%, 41%)
HSB
hsb(323, 98%, 81%)
CMYK
cmyk(0%, 98%, 37%, 19%)
Oklch
oklch(56.2% 0.231 352.3)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#E4A001

Ochre · Orange · Honey Gold

HEX
#E4A001
RGB
rgb(228, 160, 1)
HSL
hsl(42, 99%, 45%)
HSB
hsb(42, 100%, 89%)
CMYK
cmyk(0%, 30%, 100%, 11%)
Oklch
oklch(75.2% 0.157 78.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#00C203

Pine Green · Lime · Forest Green

HEX
#00C203
RGB
rgb(0, 194, 3)
HSL
hsl(121, 100%, 38%)
HSB
hsb(121, 100%, 76%)
CMYK
cmyk(100%, 0%, 98%, 24%)
Oklch
oklch(70.5% 0.240 142.6)

Traditional「Pine Green」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0081A9
A82700

Analogous

00A87B
0081A9
002DA8

Triadic

0081A9
A80081
81A800

Split-Comp.

0081A9
A8002D
A87B00

Tetradic

0081A9
7B00A8
A82700
2DA800

Contrast Matrix WCAG 2.1 Contrast

0081A9
883EBB
CF0482
E4A001
00C203
—
1.4
Fail
1.2
Fail
2.0
Fail
1.8
Fail
1.4
Fail
—
1.2
Fail
2.7
Fail
2.5
Fail
1.2
Fail
1.2
Fail
—
2.3
Fail
2.2
Fail
2.0
Fail
2.7
Fail
2.3
Fail
—
1.1
Fail
1.8
Fail
2.5
Fail
2.2
Fail
1.1
Fail
—
White BG
4.5AA Large
6.1AA
5.3AA
2.3Fail
2.4Fail
Black BG
4.7AA
3.5AA Large
4.0AA Large
9.3AAA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

38399F
68679D
777564
C7C627
545631

Deuteranopia

30279D
6C7296
83925C
CBD031
493A3C

Tritanopia

069896
848580
C54B46
E1464D
0A565E

Achromatopsia

5F5F5F
626262
4F4F4F
A2A2A2
727272

Shades & Tints Shades & Tints

#0081A9

Dark
Light

#883EBB

Dark
Light

#CF0482

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0081a9;
  --color-2: #883ebb;
  --color-3: #cf0482;
  --color-4: #e4a001;
  --color-5: #00c203;
}

SCSS

$color-1: #0081a9;
$color-2: #883ebb;
$color-3: #cf0482;
$color-4: #e4a001;
$color-5: #00c203;

TAILWIND

colors: {
  'brand-1': '#0081a9',
  'brand-2': '#883ebb',
  'brand-3': '#cf0482',
  'brand-4': '#e4a001',
  'brand-5': '#00c203',
}

RGB Array

[0, 129, 169], [136, 62, 187], [207, 4, 130], [228, 160, 1], [0, 194, 3]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #0081A9, #883EBB, #CF0482, #E4A001, #00C203 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #0081a9; --color-2: #883ebb; --color-3: #cf0482; --color-4: #e4a001; --color-5: #00c203. 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 minimal-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