Back to palettes

Palette

Coral Ridge Dance

A lively spectrum of reds and oranges inspired by the dynamic and colorful life of a coral reef.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Coral Ridge Dance reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Coral Ridge Dance.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#FF6347#FFA07A#FF7F50#F08080#CD5C5C

Palette guide

How to use Coral Ridge Dance

Overview

The Coral Ridge Dance palette offers a lively spectrum of reds and oranges, inspired by the dynamic and colorful life of a coral reef. It features the vibrant Tomato #FF6347 and Coral #FF7F50, softened by Light Salmon #FFA07A, and deepened by the rosy Light Coral #F08080 and Indian Red #CD5C5C. This warm, energetic, and slightly muted palette is perfect for designs that aim to evoke passion, natural beauty, and a cozy, inviting feel. It's ideal for branding, digital art, or print materials that want to convey warmth and vitality.

Best used for

  • Autumn-themed marketing materials
  • Cozy home decor branding
  • Food and beverage packaging (spices, warmth)
  • Social media graphics for lifestyle blogs
  • Traditional or rustic website designs
  • Event invitations with a warm, inviting feel

Suggested color roles

primary

Use Indian Red #CD5C5C for foundational elements or strong headings, providing depth and warmth.

secondary

Tomato #FF6347 can be used for calls-to-action or key highlights, adding a vibrant energy.

accent

Light Salmon #FFA07A provides a softer, inviting touch for details or decorative elements.

background

A light cream or very pale peach would provide an excellent warm, inviting base.

text

A deep brown or charcoal provides optimal readability against the lighter shades.

Accessibility notes

  • Light Salmon #FFA07A and Light Coral #F08080 may not meet WCAG AA contrast with white text.
  • Tomato #FF6347 and Coral #FF7F50 provide better contrast with white, but test carefully.
  • Ensure sufficient contrast for any text placed on #CD5C5C, especially if it's not white.
  • Always verify contrast ratios for all text and interactive elements.

Recommended combinations

Fiery Gradient

Ideal for warm backgrounds, banners, or elements evoking a sunlit, energetic feel.

#FF6347 · #FFA07A · #FF7F50

Deep Harmony

Excellent for creating depth and a cohesive warm-toned section, suitable for branding.

#F08080 · #CD5C5C · #FF7F50

Vibrant Accents

Use for calls-to-action, icons, or graphic details that need to stand out.

#FF6347 · #CD5C5C · #FFA07A

CSS variables

:root {
  --coral-ridge-dance-1: #FF6347;
  --coral-ridge-dance-2: #FFA07A;
  --coral-ridge-dance-3: #FF7F50;
  --coral-ridge-dance-4: #F08080;
  --coral-ridge-dance-5: #CD5C5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coral-ridge-dance": {
        1: "#FF6347",
        2: "#FFA07A",
        3: "#FF7F50",
        4: "#F08080",
        5: "#CD5C5C",
      }
    }
  }
}

Related searches

warm coral red paletteenergetic orange schemerustic reef colorsvibrant autumnal designcozy natural palette

Palette colors

Hex values

Color 1#FF6347
·
Color 2#FFA07A
·
Color 3#FF7F50
·
Color 4#F08080
·
Color 5#CD5C5C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.2:1Fail
1.1:1Fail
1.3:1Fail
2
1.5:1Fail
1.3:1Fail
1.3:1Fail
2:1Fail
3
1.2:1Fail
1.3:1Fail
1:1Fail
1.6:1Fail
4
1.1:1Fail
1.3:1Fail
1:1Fail
1.5:1Fail
5
1.3:1Fail
2:1Fail
1.6:1Fail
1.5:1Fail

Similar palettes

More like Coral Ridge Dance

View all vibrant
Aqua Sunken Eden
Golden Hour Zest
Arid Bloom Blaze
Bioluminescent Reef Dive
Bright Marigold Bloom
Citrus Burst Joy