Back to palettes

Palette

Coral Bloom

A cheerful palette bursting with coral warmth and soft floral accents, reminiscent of a joyful summer day.

VibrantEnergetic5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF7F50#FFA07A#FFB6C1#F0E68C#8FBC8F

Palette guide

How to use Coral Bloom

Overview

The Coral Bloom palette is a cheerful collection bursting with coral warmth and soft floral accents, reminiscent of a joyful summer day. Featuring vibrant #FF7F50 (Coral), #FFA07A (Light Salmon), and #FFB6C1 (Light Pink), this palette offers designers an energetic and inviting range. The unexpected #F0E68C (Khaki) and #8FBC8F (Dark Sea Green) introduce a fresh, natural contrast, ensuring versatility. Developers can leverage these hues to create user interfaces that feel lively, optimistic, and approachable, perfect for lifestyle brands, children's products, or any project aiming for a cheerful aesthetic. This palette is exceptionally versatile, blending warm vibrancy with refreshing coolness, ideal for creating compelling and engaging digital experiences.

Best used for

  • summer fashion brand identity
  • children's toy packaging
  • tropical travel agency website
  • floral design studio branding
  • vibrant event invitations
  • lifestyle blog or app design

Suggested color roles

primary

#FF7F50 (Coral) provides a strong, vibrant, and warm base, ideal for main brand elements, headers, or significant UI components.

secondary

#FFA07A (Light Salmon) offers a softer, yet equally inviting complement, suitable for subheadings, secondary content blocks, or playful navigation.

accent

#FFB6C1 (Light Pink) acts as a delicate, cheerful highlight. Perfect for subtle UI elements, icons, or to draw attention to key information with a gentle touch.

background

#F0E68C (Khaki) offers a soft, warm background that supports content with a subtle earthiness and lightness.

text

#8FBC8F (Dark Sea Green) provides excellent readability against lighter colors like #F0E68C or #FFB6C1. For darker backgrounds, consider white or a near-white.

Accessibility notes

  • Ensure #8FBC8F text has high contrast against #F0E68C or #FFB6C1 for optimal readability, meeting WCAG AA standards.
  • Avoid using #FF7F50 and #FFA07A for text and background combinations due to their similar luminosity, especially for small text.
  • When using #FFB6C1 for text, pair it with a significantly dark background to ensure legibility.
  • Check contrast ratios for all interactive elements, ensuring they are clearly distinguishable against adjacent colors.

Recommended combinations

Summer Pop

Creates a vibrant, warm, and cheerful brand identity, excellent for playful logos and primary web sections.

#FF7F50 · #FFA07A · #FFB6C1

Fresh Bloom

Ideal for soft, airy backgrounds or subtle decorative elements, evoking lightness and a natural feel.

#FFB6C1 · #F0E68C · #8FBC8F

Energetic Contrast

Effective for high-impact headlines or calls-to-action against a light background, providing clear hierarchy and vibrancy.

#FF7F50 · #8FBC8F · #FFA07A

CSS variables

:root {
  --coral-bloom-1: #FF7F50;
  --coral-bloom-2: #FFA07A;
  --coral-bloom-3: #FFB6C1;
  --coral-bloom-4: #F0E68C;
  --coral-bloom-5: #8FBC8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coral-bloom": {
        1: "#FF7F50",
        2: "#FFA07A",
        3: "#FFB6C1",
        4: "#F0E68C",
        5: "#8FBC8F",
      }
    }
  }
}

Related searches

vibrant coral color palettecheerful pink orange schemesummer floral design colorsplayful warm cool paletteenergetic lifestyle hues

Palette colors

Hex values

Color 1#FF7F50
·
Color 2#FFA07A
·
Color 3#FFB6C1
·
Color 4#F0E68C
·
Color 5#8FBC8F
·

Accessibility

Contrast checker

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

Similar palettes

More like Coral Bloom

View all Vibrant
Indian Market Spice
Citrus Burst
Coral Reef Sanctuary
Energetic Citrus Punch
Citrus Zest Burst
City Night Electric