#CA2D51 · #DA3E63 · #F05075 · #DB2953 · #C9254C

#CA2D51

#DA3E63

#F05075

CSS Custom Properties

:root {
  --color-1: #ca2d51;
  --color-2: #da3e63;
  --color-3: #f05075;
  --color-4: #db2953;
  --color-5: #c9254c;
}

SCSS

$color-1: #ca2d51;
$color-2: #da3e63;
$color-3: #f05075;
$color-4: #db2953;
$color-5: #c9254c;

TAILWIND

colors: {
  'brand-1': '#ca2d51',
  'brand-2': '#da3e63',
  'brand-3': '#f05075',
  'brand-4': '#db2953',
  'brand-5': '#c9254c',
}

RGB Array

[202, 45, 81], [218, 62, 99], [240, 80, 117], [219, 41, 83], [201, 37, 76]

What scenarios is this 5-color palette suitable for?

This general-style palette of #CA2D51, #DA3E63, #F05075, #DB2953, #C9254C 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: #ca2d51; --color-2: #da3e63; --color-3: #f05075; --color-4: #db2953; --color-5: #c9254c. 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.