Palette

Sunrise Coral Grotto

A bright and optimistic palette inspired by sunlit coral reefs awakening at dawn.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F98866#FFD4A2#80CDC1#6A6D74#A8DCD2

Palette guide

How to use Sunrise Coral Grotto

Overview

The Sunrise Coral Grotto palette is a bright and optimistic collection inspired by sunlit coral reefs awakening at dawn. This versatile palette blends warm, inviting coral tones like #F98866 and the soft glow of #FFD4A2 with refreshing aqua shades such as #80CDC1 and #A8DCD2. A grounding deep gray, #6A6D74, adds balance and sophistication. Designers can use this palette to evoke feelings of tranquility, freshness, and understated elegance, making it ideal for projects related to wellness, marine conservation, or any brand seeking a harmonious and contemporary aesthetic that feels both natural and refined.

Best used for

Spa and wellness brand identities
Coastal or marine-themed websites
Eco-friendly product packaging and branding
Interior design for tranquil, modern spaces
Travel agencies specializing in beach destinations
Children's educational materials on ocean life

Suggested color roles

primary

Use #F98866 for key interactive elements or headings to convey warmth and approachability.

secondary

Apply #80CDC1 for larger content blocks or backgrounds, offering a calming and fresh ambiance.

accent

Employ #6A6D74 for strong accents, typography, or borders to provide sophisticated contrast and grounding.

background

#FFD4A2 provides a soft, warm base, while #A8DCD2 offers a cool, refreshing background option.

text

Dark charcoal or black for body text; white for text on #6A6D74 or darker elements.

Accessibility notes

Both #FFD4A2 and #A8DCD2 will require dark text for optimal readability.
Be mindful of contrast when placing #F98866 against #FFD4A2 for text, as it might be insufficient.
#6A6D74 provides excellent contrast for white or light-colored text.
Ensure sufficient contrast for any text elements, especially on the lighter coral and aqua shades.

Recommended combinations

Reef Glow

Ideal for gradients, hero sections, or illustrations that need to convey a soft, underwater sunlit effect.

#FFD4A2 · #F98866 · #80CDC1

Grotto Contrast

Excellent for balanced branding, clear calls to action, or designs requiring both warmth and sophisticated depth.

#F98866 · #80CDC1 · #6A6D74

Fresh Aqua

A calming combination for backgrounds, secondary UI elements, or designs focused on serenity and clean aesthetics.

#A8DCD2 · #80CDC1 · #6A6D74

CSS variables

:root {
  --sunrise-coral-grotto-1: #F98866;
  --sunrise-coral-grotto-2: #FFD4A2;
  --sunrise-coral-grotto-3: #80CDC1;
  --sunrise-coral-grotto-4: #6A6D74;
  --sunrise-coral-grotto-5: #A8DCD2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunrise-coral-grotto": {
        1: "#F98866",
        2: "#FFD4A2",
        3: "#80CDC1",
        4: "#6A6D74",
        5: "#A8DCD2",
      }
    }
  }
}

Hex values

Color 1#F98866

Color 2#FFD4A2

Color 3#80CDC1

Color 4#6A6D74

Color 5#A8DCD2

Accessibility

Contrast checker

1.7:1Fail

1.3:1Fail

2.2:1Fail

1.6:1Fail

1.7:1Fail

1.3:1Fail

3.7:1AA18

1.1:1Fail

1.3:1Fail

2.8:1Fail

1.2:1Fail

2.2:1Fail

3.7:1AA18

2.8:1Fail

3.4:1AA18

1.6:1Fail

1.1:1Fail

1.2:1Fail

3.4:1AA18

Similar palettes

More like Sunrise Coral Grotto

Sunrise Coral Grotto

See it in context.

Ready when you are.

Built with Sunrise Coral Grotto.

How to use Sunrise Coral Grotto

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Reef Glow

Grotto Contrast

Fresh Aqua

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Sunrise Coral Grotto