Back to palettes

Palette

Radiant Bloom Field

A joyful burst of bright, warm colors, like a sprawling field of radiant summer blossoms.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Radiant Bloom Field 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 Radiant Bloom Field.

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

Data visualization

#FF6347#FFD700#FFA500#FF69B4#FF1493

Palette guide

How to use Radiant Bloom Field

Overview

The Radiant Bloom Field palette is a joyful burst of bright, warm colors, like a sprawling field of summer blossoms. Featuring #FF6347 (Tomato), #FFD700 (Gold), #FFA500 (Orange), #FF69B4 (Hot Pink), and #FF1493 (Deep Pink), this vibrant collection is perfect for designers and developers seeking to create energetic, playful, and eye-catching experiences. Its bold and lively hues provide exceptional versatility for children's products, energetic marketing campaigns, or festive digital interfaces, ensuring designs that are both memorable and full of life.

Best used for

  • Children's products and branding
  • Energetic marketing campaigns
  • Festive event branding and invitations
  • Playful digital interfaces and apps
  • Summer fashion and lifestyle content
  • Vibrant social media graphics

Suggested color roles

primary

Utilize #FF6347 (Tomato) as a bold, energetic primary color, ideal for main calls-to-action or prominent headings.

secondary

Incorporate #FFA500 (Orange) as a bright, cheerful secondary shade, perfect for supporting elements or vibrant accents.

accent

Apply #FF1493 (Deep Pink) as a powerful accent to create vibrant pops of color and draw immediate attention.

background

Employ #FFD700 (Gold) as a vibrant background for sections or headers, ensuring a lively and attention-grabbing canvas. For overall page backgrounds, a neutral off-white or light grey is recommended to balance the intensity.

text

For optimal readability against these bright colors, use a very dark charcoal or black for all text, ensuring maximum contrast.

Accessibility notes

  • High contrast is critical; always use dark text (e.g., black or charcoal) on all colors in this palette to ensure readability.
  • Avoid red text on pink backgrounds (e.g., #FF6347 on #FF69B4 or #FF1493) due to poor contrast and potential for visual strain.
  • Ensure sufficient contrast for all text sizes, especially on vibrant backgrounds like #FFD700, using a tool to check WCAG compliance.
  • Be mindful of colorblind users; use patterns or icons in addition to color to convey important information, especially with red/pink combinations.

Recommended combinations

Bold Energy

Creates a high-energy, dynamic feel, perfect for impactful headlines or calls-to-action.

#FF6347 · #FF1493 · #FFA500

Sunny Pop

Ideal for vibrant sections or playful graphics, combining a bright yellow with cheerful pink and orange.

#FFD700 · #FF69B4 · #FF6347

Festive Mix

Provides a lively and celebratory blend, excellent for event promotions or creative illustrations.

#FFA500 · #FF1493 · #FF69B4

CSS variables

:root {
  --radiant-bloom-field-1: #FF6347;
  --radiant-bloom-field-2: #FFD700;
  --radiant-bloom-field-3: #FFA500;
  --radiant-bloom-field-4: #FF69B4;
  --radiant-bloom-field-5: #FF1493;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "radiant-bloom-field": {
        1: "#FF6347",
        2: "#FFD700",
        3: "#FFA500",
        4: "#FF69B4",
        5: "#FF1493",
      }
    }
  }
}

Related searches

vibrant floral paletteenergetic color schemebright summer colorsjoyful branding colorsradiant bloom theme

Palette colors

Hex values

Color 1#FF6347
·
Color 2#FFD700
·
Color 3#FFA500
·
Color 4#FF69B4
·
Color 5#FF1493
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
1.5:1Fail
1.1:1Fail
1.2:1Fail
2
2.1:1Fail
1.4:1Fail
1.9:1Fail
2.6:1Fail
3
1.5:1Fail
1.4:1Fail
1.3:1Fail
1.8:1Fail
4
1.1:1Fail
1.9:1Fail
1.3:1Fail
1.4:1Fail
5
1.2:1Fail
2.6:1Fail
1.8:1Fail
1.4:1Fail

Similar palettes

More like Radiant Bloom Field

View all vibrant