← Back to Editor

#8FCFD0 · #EBE975 · #FF7071 · #B61542 · #262338

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

Color Details Color Details

#8FCFD0

Sky Blue · SkyBlue · Lake Green

HEX
#8FCFD0
RGB
rgb(143, 207, 208)
HSL
hsl(181, 41%, 69%)
HSB
hsb(181, 31%, 82%)
CMYK
cmyk(31%, 0%, 0%, 18%)
Oklch
oklch(81.2% 0.065 197.2)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#EBE975

Fresh Green · Khaki · Sunflower

HEX
#EBE975
RGB
rgb(235, 233, 117)
HSL
hsl(59, 75%, 69%)
HSB
hsb(59, 50%, 92%)
CMYK
cmyk(0%, 1%, 50%, 8%)
Oklch
oklch(91.2% 0.139 108.0)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#FF7071

Peach Pink · Salmon · Coral Red

HEX
#FF7071
RGB
rgb(255, 112, 113)
HSL
hsl(360, 100%, 72%)
HSB
hsb(360, 56%, 100%)
CMYK
cmyk(0%, 56%, 56%, 0%)
Oklch
oklch(71.9% 0.175 22.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Soft Aurora

#B61542

Dark Violet · FireBrick · Camellia

HEX
#B61542
RGB
rgb(182, 21, 66)
HSL
hsl(343, 79%, 40%)
HSB
hsb(343, 88%, 71%)
CMYK
cmyk(0%, 88%, 64%, 29%)
Oklch
oklch(50.2% 0.190 13.8)

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

#262338

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#262338
RGB
rgb(38, 35, 56)
HSL
hsl(249, 23%, 18%)
HSB
hsb(249, 37%, 22%)
CMYK
cmyk(32%, 38%, 0%, 78%)
Oklch
oklch(27.0% 0.039 290.1)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8FCFD0
D09190

Analogous

90D0B1
8FCFD0
90AFD0

Triadic

8FCFD0
D090CF
CFD090

Split-Comp.

8FCFD0
D090AF
D0B190

Tetradic

8FCFD0
B190D0
D09190
AFD090

Contrast Matrix WCAG 2.1 Contrast

8FCFD0
EBE975
FF7071
B61542
262338
—
1.4
Fail
1.5
Fail
3.8
AA Large
8.7
AAA
1.4
Fail
—
2.1
Fail
5.2
AA
11.9
AAA
1.5
Fail
2.1
Fail
—
2.5
Fail
5.7
AA
3.8
AA Large
5.2
AA
2.5
Fail
—
2.3
Fail
8.7
AAA
11.9
AAA
5.7
AA
2.3
Fail
—
White BG
1.7Fail
1.3Fail
2.7Fail
6.6AA
15.2AAA
Black BG
12.0AAA
16.4AAA
7.8AAA
3.2AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABABD0
EAEA91
C1C071
706F37
252533

Deuteranopia

A7A2D0
EAEA98
C9D471
7A8634
252532

Tritanopia

92D0D0
EBA7AC
F87171
AE2F2D
262F2E

Achromatopsia

BCBCBC
DCDCDC
9B9B9B
4A4A4A
262626

Shades & Tints Shades & Tints

#8FCFD0

Dark
Light

#EBE975

Dark
Light

#FF7071

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8fcfd0;
  --color-2: #ebe975;
  --color-3: #ff7071;
  --color-4: #b61542;
  --color-5: #262338;
}

SCSS

$color-1: #8fcfd0;
$color-2: #ebe975;
$color-3: #ff7071;
$color-4: #b61542;
$color-5: #262338;

TAILWIND

colors: {
  'brand-1': '#8fcfd0',
  'brand-2': '#ebe975',
  'brand-3': '#ff7071',
  'brand-4': '#b61542',
  'brand-5': '#262338',
}

RGB Array

[143, 207, 208], [235, 233, 117], [255, 112, 113], [182, 21, 66], [38, 35, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #8FCFD0, #EBE975, #FF7071, #B61542, #262338 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: #8fcfd0; --color-2: #ebe975; --color-3: #ff7071; --color-4: #b61542; --color-5: #262338. 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 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