Back to palettes

Palette

Azure Reef Shimmer

Capturing the vibrant glow of a sunlit coral reef, these blues evoke underwater serenity and life.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Azure Reef Shimmer 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 Azure Reef Shimmer.

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

Data visualization

#B0E0E6#87CEEB#5F9EA0#4682B4#2F4F4F

Palette guide

How to use Azure Reef Shimmer

Overview

The Azure Reef Shimmer palette offers a captivating range of cool blues and teals, perfect for designs aiming to evoke underwater serenity and vibrant marine life. Featuring the light and airy #B0E0E6, a bright #87CEEB, the muted teal of #5F9EA0, a strong #4682B4, and the deep, grounding #2F4F4F, this collection provides depth and tranquility. Designers can leverage these shades to create refreshing digital interfaces, calming brand identities, or sophisticated print materials that transport viewers to a sunlit coral reef. This palette balances lightness with rich, oceanic tones, making it versatile for both airy and profound visual themes.

Best used for

  • Spa and wellness branding
  • Ocean conservation websites
  • Aquarium exhibit design
  • Coastal resort marketing
  • Nature-inspired digital artwork
  • Sustainable product packaging

Suggested color roles

primary

#4682B4 - A strong, reliable blue, excellent for main headings, navigation bars, and primary call-to-action buttons.

secondary

#5F9EA0 - A sophisticated teal, ideal for subheadings, secondary interactive elements, or background sections that need subtle depth.

accent

#87CEEB - A bright, inviting sky blue, perfect for highlighting key information, interactive states, or small decorative elements to draw attention.

background

#B0E0E6 - A very light, airy blue, best for clean backgrounds, large content blocks, or serene header areas.

text

#2F4F4F - A deep, dark blue-gray that provides excellent contrast for body text against lighter backgrounds like #B0E0E6 or #87CEEB.

Accessibility notes

  • Ensure sufficient contrast between #2F4F4F text and lighter backgrounds like #B0E0E6 (WCAG AA pass).
  • Avoid placing #87CEEB text directly on #B0E0E6 as contrast may be insufficient for readability.
  • Use a tool to check contrast ratios for #5F9EA0 against #4682B4 if used for text or small elements.
  • Consider using a pure white or light grey for text over darker colors like #2F4F4F or #4682B4 for optimal readability.

Recommended combinations

Ocean Depths

Ideal for corporate websites or sophisticated branding, conveying trust and depth.

#2F4F4F · #4682B4 · #5F9EA0

Reef Glow

Excellent for refreshing interfaces, travel brochures, or nature-themed applications, emphasizing light and vibrancy.

#B0E0E6 · #87CEEB · #4682B4

Calm Waters

Suitable for wellness apps, serene landing pages, or elegant print layouts, offering a balanced, peaceful feel.

#5F9EA0 · #B0E0E6 · #2F4F4F

CSS variables

:root {
  --azure-reef-shimmer-1: #B0E0E6;
  --azure-reef-shimmer-2: #87CEEB;
  --azure-reef-shimmer-3: #5F9EA0;
  --azure-reef-shimmer-4: #4682B4;
  --azure-reef-shimmer-5: #2F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "azure-reef-shimmer": {
        1: "#B0E0E6",
        2: "#87CEEB",
        3: "#5F9EA0",
        4: "#4682B4",
        5: "#2F4F4F",
      }
    }
  }
}

Related searches

oceanic color schemesreef blue paletteserene water colorscalm aqua designtropical blue branding

Palette colors

Hex values

Color 1#B0E0E6
·
Color 2#87CEEB
·
Color 3#5F9EA0
·
Color 4#4682B4
·
Color 5#2F4F4F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2.1:1Fail
2.9:1Fail
6.2:1AA
2
1.2:1Fail
1.8:1Fail
2.4:1Fail
5.1:1AA
3
2.1:1Fail
1.8:1Fail
1.3:1Fail
2.9:1Fail
4
2.9:1Fail
2.4:1Fail
1.3:1Fail
2.2:1Fail
5
6.2:1AA
5.1:1AA
2.9:1Fail
2.2:1Fail

Similar palettes

More like Azure Reef Shimmer

View all cool
Tropical Lagoon Oasis
Aqua Marine Reef
Aqua Ocean Dream
Azure Reef Sanctuary
Azure Tide Pool
Cerulean Horizon Dive