Back to palettes

Palette

Underwater Coral Garden

A dazzling display of pinks, oranges, and vibrant blues, mirroring the bustling life of a colorful coral reef.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF6F61#FF9A8D#4CC3D9#7FD9EE#F2BAC8

Palette guide

How to use Underwater Coral Garden

Overview

The "Underwater Coral Garden" palette bursts with vibrant life, mirroring the dazzling hues of a tropical reef. It features a lively coral orange (#FF6F61) and a softer, peachy pink (#FF9A8D), balanced by two refreshing aqua blues (#4CC3D9 and #7FD9EE). A delicate, almost pastel pink (#F2BAC8) ties the vibrant elements together. This energetic collection is perfect for designers and developers aiming to evoke joy, playfulness, and a sense of natural wonder. It's excellent for projects that need to feel fresh, inviting, and visually engaging, from children's products to travel blogs.

Best used for

  • Tropical travel and tourism websites
  • Children's product packaging
  • Beachwear or summer fashion branding
  • Playful mobile app interfaces
  • Event invitations for vibrant parties
  • Educational content about marine life

Suggested color roles

primary

Use #FF6F61 (Lively Coral) for prominent call-to-action buttons, main headings, or elements needing high energy and immediate attention.

secondary

Apply #4CC3D9 (Vibrant Aqua) for balancing the warmth of the corals, perfect for navigation, subheadings, or background sections.

accent

Employ #FF9A8D (Peachy Pink) as a softer yet still vibrant accent for interactive elements, decorative details, or secondary highlights.

background

Utilize #F2BAC8 (Delicate Pink) or #7FD9EE (Light Aqua) to provide a soft, inviting canvas that allows the vibrant colors to pop.

text

For good contrast on light backgrounds like #F2BAC8 or #7FD9EE, use #FF6F61 for headings, or a dark neutral color like black or charcoal for body text.

Accessibility notes

  • Avoid using #FF9A8D or #F2BAC8 for text on light backgrounds like #7FD9EE; contrast will be very poor.
  • Always use a strong, dark text color (e.g., black or charcoal) on #F2BAC8 and #7FD9EE for readability.
  • Ensure #FF6F61 has sufficient contrast against its background when used for important text or buttons.
  • The vibrant blues (#4CC3D9, #7FD9EE) may not provide enough contrast for text on each other; test carefully.

Recommended combinations

Reef Energy

Great for vibrant headers or hero sections, with the coral as primary, aqua for features, and pink as background.

#FF6F61 · #4CC3D9 · #F2BAC8

Tropical Glow

Ideal for content cards, using the soft pink for background, light aqua for text, and vibrant aqua for accents.

#FF9A8D · #7FD9EE · #4CC3D9

Coral Splash

Perfect for playful illustrations or interactive elements, combining bright coral with soft blue and pink.

#FF6F61 · #7FD9EE · #F2BAC8

CSS variables

:root {
  --underwater-coral-garden-1: #FF6F61;
  --underwater-coral-garden-2: #FF9A8D;
  --underwater-coral-garden-3: #4CC3D9;
  --underwater-coral-garden-4: #7FD9EE;
  --underwater-coral-garden-5: #F2BAC8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "underwater-coral-garden": {
        1: "#FF6F61",
        2: "#FF9A8D",
        3: "#4CC3D9",
        4: "#7FD9EE",
        5: "#F2BAC8",
      }
    }
  }
}

Related searches

vibrant coral blue palettetropical reef color schemeplayful summer colorslively ocean designcheerful pink aqua palette

Palette colors

Hex values

Color 1#FF6F61
·
Color 2#FF9A8D
·
Color 3#4CC3D9
·
Color 4#7FD9EE
·
Color 5#F2BAC8
·

Accessibility

Contrast checker

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

Similar palettes

More like Underwater Coral Garden

View all vibrant
Tropical Reef Shimmer
Aqua Coral Garden
Coral Garden Reef
Coral Lagoon Harmony
Coral Reef Shimmer
Mystic Coral Gardens