← Back to Editor

#7A5B3B · #FB4032 · #E3996C · #E3DBA5 · #DBE4F4

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

#7A5B3B

Ochre · Sienna · Amber Brown

HEX
#7A5B3B
RGB
rgb(122, 91, 59)
HSL
hsl(30, 35%, 35%)
HSB
hsb(30, 52%, 48%)
CMYK
cmyk(0%, 25%, 52%, 52%)
Oklch
oklch(49.6% 0.062 66.5)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#FB4032

Vermilion · Tomato · Passion Red

HEX
#FB4032
RGB
rgb(251, 64, 50)
HSL
hsl(4, 96%, 59%)
HSB
hsb(4, 80%, 98%)
CMYK
cmyk(0%, 75%, 80%, 2%)
Oklch
oklch(65.2% 0.225 29.1)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#E3996C

Apricot · DarkSalmon · Warm Sun

HEX
#E3996C
RGB
rgb(227, 153, 108)
HSL
hsl(23, 68%, 66%)
HSB
hsb(23, 52%, 89%)
CMYK
cmyk(0%, 33%, 52%, 11%)
Oklch
oklch(74.7% 0.107 51.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E3DBA5

Fresh Green · Wheat · Lemon Cream

HEX
#E3DBA5
RGB
rgb(227, 219, 165)
HSL
hsl(52, 53%, 77%)
HSB
hsb(52, 27%, 89%)
CMYK
cmyk(0%, 4%, 27%, 11%)
Oklch
oklch(88.5% 0.071 100.6)

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

#DBE4F4

Azure · Lavender · Sky Blue

HEX
#DBE4F4
RGB
rgb(219, 228, 244)
HSL
hsl(218, 53%, 91%)
HSB
hsb(218, 10%, 96%)
CMYK
cmyk(10%, 7%, 0%, 4%)
Oklch
oklch(91.7% 0.024 262.1)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A5B3B
3A5978

Analogous

783A3A
7A5B3B
78783A

Triadic

7A5B3B
3A7859
593A78

Split-Comp.

7A5B3B
3A7878
3A3A78

Tetradic

7A5B3B
3A783A
3A5978
783A78

Contrast Matrix WCAG 2.1 Contrast

7A5B3B
FB4032
E3996C
E3DBA5
DBE4F4
—
1.7
Fail
2.7
Fail
4.4
AA Large
4.8
AA
1.7
Fail
—
1.5
Fail
2.5
Fail
2.8
Fail
2.7
Fail
1.5
Fail
—
1.7
Fail
1.8
Fail
4.4
AA Large
2.5
Fail
1.7
Fail
—
1.1
Fail
4.8
AA
2.8
Fail
1.8
Fail
1.1
Fail
—
White BG
6.2AA
3.6AA Large
2.3Fail
1.4Fail
1.3Fail
Black BG
3.4AA Large
5.9AA
9.0AAA
14.9AAA
16.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6C43
AAA835
C3C277
E0DFB2
DFDFF0

Deuteranopia

6E7145
B5C336
C7CD7A
E0E1B5
DEDEEF

Tritanopia

78494A
F23839
DF7F81
E3BCBF
DBEDEC

Achromatopsia

616161
767676
AAAAAA
D7D7D7
E3E3E3

Shades & Tints Shades & Tints

#7A5B3B

Dark
Light

#FB4032

Dark
Light

#E3996C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a5b3b;
  --color-2: #fb4032;
  --color-3: #e3996c;
  --color-4: #e3dba5;
  --color-5: #dbe4f4;
}

SCSS

$color-1: #7a5b3b;
$color-2: #fb4032;
$color-3: #e3996c;
$color-4: #e3dba5;
$color-5: #dbe4f4;

TAILWIND

colors: {
  'brand-1': '#7a5b3b',
  'brand-2': '#fb4032',
  'brand-3': '#e3996c',
  'brand-4': '#e3dba5',
  'brand-5': '#dbe4f4',
}

RGB Array

[122, 91, 59], [251, 64, 50], [227, 153, 108], [227, 219, 165], [219, 228, 244]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #7A5B3B, #FB4032, #E3996C, #E3DBA5, #DBE4F4 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #7a5b3b; --color-2: #fb4032; --color-3: #e3996c; --color-4: #e3dba5; --color-5: #dbe4f4. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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