← Back to Editor

#FF7F04 · #FCEEC7 · #FDD9B7 · #1ECDCB · #040319

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

#FF7F04

Tangerine · Orange · Warm Sun

HEX
#FF7F04
RGB
rgb(255, 127, 4)
HSL
hsl(29, 100%, 51%)
HSB
hsb(29, 98%, 100%)
CMYK
cmyk(0%, 50%, 98%, 0%)
Oklch
oklch(73.0% 0.186 52.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#FCEEC7

Goose Yellow · Bisque · Lemon Cream

HEX
#FCEEC7
RGB
rgb(252, 238, 199)
HSL
hsl(44, 90%, 88%)
HSB
hsb(44, 21%, 99%)
CMYK
cmyk(0%, 6%, 21%, 1%)
Oklch
oklch(95.0% 0.053 90.6)

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

#FDD9B7

Apricot · Wheat · Peach Orange

HEX
#FDD9B7
RGB
rgb(253, 217, 183)
HSL
hsl(29, 95%, 85%)
HSB
hsb(29, 28%, 99%)
CMYK
cmyk(0%, 14%, 28%, 1%)
Oklch
oklch(90.7% 0.060 65.3)

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

#1ECDCB

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#1ECDCB
RGB
rgb(30, 205, 203)
HSL
hsl(179, 74%, 46%)
HSB
hsb(179, 85%, 80%)
CMYK
cmyk(85%, 0%, 1%, 20%)
Oklch
oklch(76.9% 0.128 193.5)

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

#040319

Deep Indigo · Black · Deep Sea Blue

HEX
#040319
RGB
rgb(4, 3, 25)
HSL
hsl(243, 79%, 5%)
HSB
hsb(243, 88%, 10%)
CMYK
cmyk(84%, 88%, 0%, 90%)
Oklch
oklch(12.2% 0.051 279.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF7F04
0586FF

Analogous

FF0509
FF7F04
FFFB05

Triadic

FF7F04
05FF7E
7E05FF

Split-Comp.

FF7F04
05FFFB
0509FF

Tetradic

FF7F04
09FF05
0586FF
FB05FF

Contrast Matrix WCAG 2.1 Contrast

FF7F04
FCEEC7
FDD9B7
1ECDCB
040319
—
2.2
Fail
1.9
Fail
1.3
Fail
8.0
AAA
2.2
Fail
—
1.2
Fail
1.7
Fail
17.6
AAA
1.9
Fail
1.2
Fail
—
1.5
Fail
15.3
AAA
1.3
Fail
1.7
Fail
1.5
Fail
—
10.3
AAA
8.0
AAA
17.6
AAA
15.3
AAA
10.3
AAA
—
White BG
2.5Fail
1.2Fail
1.3Fail
2.0Fail
20.3AAA
Black BG
8.3AAA
18.2AAA
15.8AAA
10.7AAA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C622
F6F6D0
EDEDBF
6A6BCB
040414

Deuteranopia

CFD929
F7F8D3
F0F2C1
6053CC
040412

Tritanopia

F9393E
FBD8DA
FBC6C7
27CCCC
040F0F

Achromatopsia

979797
EEEEEE
E0E0E0
989898
060606

Shades & Tints Shades & Tints

#FF7F04

Dark
Light

#FCEEC7

Dark
Light

#FDD9B7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff7f04;
  --color-2: #fceec7;
  --color-3: #fdd9b7;
  --color-4: #1ecdcb;
  --color-5: #040319;
}

SCSS

$color-1: #ff7f04;
$color-2: #fceec7;
$color-3: #fdd9b7;
$color-4: #1ecdcb;
$color-5: #040319;

TAILWIND

colors: {
  'brand-1': '#ff7f04',
  'brand-2': '#fceec7',
  'brand-3': '#fdd9b7',
  'brand-4': '#1ecdcb',
  'brand-5': '#040319',
}

RGB Array

[255, 127, 4], [252, 238, 199], [253, 217, 183], [30, 205, 203], [4, 3, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #FF7F04, #FCEEC7, #FDD9B7, #1ECDCB, #040319 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: #ff7f04; --color-2: #fceec7; --color-3: #fdd9b7; --color-4: #1ecdcb; --color-5: #040319. 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