#DB5613 · #DB4F19 · #ED1223 · #C58313 · #C18914

#DB5613

#DB4F19

#ED1223

CSS Custom Properties

:root {
  --color-1: #db5613;
  --color-2: #db4f19;
  --color-3: #ed1223;
  --color-4: #c58313;
  --color-5: #c18914;
}

SCSS

$color-1: #db5613;
$color-2: #db4f19;
$color-3: #ed1223;
$color-4: #c58313;
$color-5: #c18914;

TAILWIND

colors: {
  'brand-1': '#db5613',
  'brand-2': '#db4f19',
  'brand-3': '#ed1223',
  'brand-4': '#c58313',
  'brand-5': '#c18914',
}

RGB Array

[219, 86, 19], [219, 79, 25], [237, 18, 35], [197, 131, 19], [193, 137, 20]

What scenarios is this 5-color palette suitable for?

This general-style palette of #DB5613, #DB4F19, #ED1223, #C58313, #C18914 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: #db5613; --color-2: #db4f19; --color-3: #ed1223; --color-4: #c58313; --color-5: #c18914. 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 general-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.