← Back to Editor

#32B098 · #9BD98E · #E5BC2C · #AC2568 · #CF005A

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

#32B098

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#32B098
RGB
rgb(50, 176, 152)
HSL
hsl(169, 56%, 44%)
HSB
hsb(169, 72%, 69%)
CMYK
cmyk(72%, 0%, 14%, 31%)
Oklch
oklch(68.4% 0.113 177.0)

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

#9BD98E

Celadon · LightGreen · Apple Green

HEX
#9BD98E
RGB
rgb(155, 217, 142)
HSL
hsl(110, 50%, 70%)
HSB
hsb(110, 35%, 85%)
CMYK
cmyk(29%, 0%, 35%, 15%)
Oklch
oklch(82.5% 0.120 140.2)

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

#E5BC2C

Ginger · GoldenRod · Sunflower

HEX
#E5BC2C
RGB
rgb(229, 188, 44)
HSL
hsl(47, 78%, 54%)
HSB
hsb(47, 81%, 90%)
CMYK
cmyk(0%, 18%, 81%, 10%)
Oklch
oklch(80.9% 0.155 91.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#AC2568

Dark Violet · MediumVioletRed · Camellia

HEX
#AC2568
RGB
rgb(172, 37, 104)
HSL
hsl(330, 65%, 41%)
HSB
hsb(330, 78%, 67%)
CMYK
cmyk(0%, 78%, 40%, 33%)
Oklch
oklch(50.4% 0.179 355.8)

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

#CF005A

Dark Violet · Crimson · Camellia

HEX
#CF005A
RGB
rgb(207, 0, 90)
HSL
hsl(334, 100%, 41%)
HSB
hsb(334, 100%, 81%)
CMYK
cmyk(0%, 100%, 57%, 19%)
Oklch
oklch(54.8% 0.220 7.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

32B098
AF3148

Analogous

31AF59
32B098
3187AF

Triadic

32B098
9831AF
AF9831

Split-Comp.

32B098
AF3187
AF5931

Tetradic

32B098
5931AF
AF3148
87AF31

Contrast Matrix WCAG 2.1 Contrast

32B098
9BD98E
E5BC2C
AC2568
CF005A
—
1.6
Fail
1.5
Fail
2.4
Fail
2.1
Fail
1.6
Fail
—
1.1
Fail
3.9
AA Large
3.3
AA Large
1.5
Fail
1.1
Fail
—
3.6
AA Large
3.0
AA Large
2.4
Fail
3.9
AA Large
3.6
AA Large
—
1.2
Fail
2.1
Fail
3.3
AA Large
3.0
AA Large
1.2
Fail
—
White BG
2.7Fail
1.7Fail
1.8Fail
6.5AA
5.5AA
Black BG
7.8AAA
12.7AAA
11.6AAA
3.2AA Large
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

696A9E
B6B6A0
D3D34F
727058
757444

Deuteranopia

61589F
B2AEA5
D6D957
798454
81913F

Tritanopia

38A2A3
9EAEB2
E36A70
A54B48
C5332F

Achromatopsia

888888
BEBEBE
B8B8B8
555555
484848

Shades & Tints Shades & Tints

#32B098

Dark
Light

#9BD98E

Dark
Light

#E5BC2C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #32b098;
  --color-2: #9bd98e;
  --color-3: #e5bc2c;
  --color-4: #ac2568;
  --color-5: #cf005a;
}

SCSS

$color-1: #32b098;
$color-2: #9bd98e;
$color-3: #e5bc2c;
$color-4: #ac2568;
$color-5: #cf005a;

TAILWIND

colors: {
  'brand-1': '#32b098',
  'brand-2': '#9bd98e',
  'brand-3': '#e5bc2c',
  'brand-4': '#ac2568',
  'brand-5': '#cf005a',
}

RGB Array

[50, 176, 152], [155, 217, 142], [229, 188, 44], [172, 37, 104], [207, 0, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #32B098, #9BD98E, #E5BC2C, #AC2568, #CF005A 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: #32b098; --color-2: #9bd98e; --color-3: #e5bc2c; --color-4: #ac2568; --color-5: #cf005a. 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