Back to palettes

Palette

Sapphire Glimmer Pond

Reflects the deep, jewel-toned blues of a secluded pond at twilight with subtle shimmer.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sapphire Glimmer Pond 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 Sapphire Glimmer Pond.

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

Data visualization

#0A2E36#144955#226B7E#3D91A5#67B6C8

Palette guide

How to use Sapphire Glimmer Pond

Overview

Sapphire Glimmer Pond reflects the deep, jewel-toned blues of a secluded pond at twilight, with subtle shimmer. This tranquil palette transitions from the profound, almost teal #0A2E36 through the rich depths of #144955 and #226B7E, ultimately reaching the serene clarity of #3D91A5 and #67B6C8. It's an excellent choice for designs that aim to evoke calm, depth, and natural beauty, making it suitable for wellness, environmental, or contemplative themes. Designers can use its cohesive, cool gradient to create a sense of peace and immersion, while developers will find it versatile for creating harmonious UI components.

Best used for

  • Wellness and meditation apps
  • Environmental or nature-focused branding
  • Serene interior design concepts
  • Eco-tourism websites
  • Digital art and nature illustrations
  • Calm and reflective presentation themes

Suggested color roles

primary

Use #0A2E36 (Deep Teal Blue) as a rich, grounding primary, ideal for immersive backgrounds, main headers, or to establish a profound, calming base.

secondary

Apply #144955 (Dark Teal) as a robust secondary for content panels, subheadings, or as a slightly lighter dark background, adding depth and natural feel.

accent

Employ #3D91A5 (Vibrant Aqua Blue) as a bright, engaging accent for calls to action, interactive elements, or to highlight key information with a touch of freshness.

background

Utilize #67B6C8 (Light Aqua Blue) as a clear, serene background that offers excellent readability for darker text and enhances the overall tranquil, open feel.

text

For light backgrounds like #67B6C8, use dark text (e.g., #0A2E36 or charcoal). For dark elements, use a very light text color (e.g., white or #67B6C8).

Accessibility notes

  • Ensure strong contrast between #0A2E36 and #67B6C8 for body text.
  • #144955 or #226B7E might have insufficient contrast for body text on #67B6C8; use for larger headings or decorative elements.
  • Avoid using #67B6C8 as text on a white background; contrast will be poor.
  • Always check WCAG AA compliance for all text and interactive element color combinations.

Recommended combinations

Pond Depths

A deep, calming combination for immersive backgrounds or high-contrast branding elements.

#0A2E36 · #144955 · #3D91A5

Water Surface

A harmonious gradient for creating a sense of flow and lightness, ideal for header visuals or feature sections.

#226B7E · #3D91A5 · #67B6C8

Glimmering Edge

High contrast for excellent readability, combining a deep base with a luminous accent and a supporting dark teal.

#0A2E36 · #67B6C8 · #144955

CSS variables

:root {
  --sapphire-glimmer-pond-1: #0A2E36;
  --sapphire-glimmer-pond-2: #144955;
  --sapphire-glimmer-pond-3: #226B7E;
  --sapphire-glimmer-pond-4: #3D91A5;
  --sapphire-glimmer-pond-5: #67B6C8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sapphire-glimmer-pond": {
        1: "#0A2E36",
        2: "#144955",
        3: "#226B7E",
        4: "#3D91A5",
        5: "#67B6C8",
      }
    }
  }
}

Related searches

deep teal blue palettetranquil water colorsserene aqua blue schemenature inspired designcalm pond color gradient

Palette colors

Hex values

Color 1#0A2E36
·
Color 2#144955
·
Color 3#226B7E
·
Color 4#3D91A5
·
Color 5#67B6C8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
4:1AA18
6.2:1AA
2
1.5:1Fail
1.6:1Fail
2.7:1Fail
4.3:1AA18
3
2.4:1Fail
1.6:1Fail
1.7:1Fail
2.6:1Fail
4
4:1AA18
2.7:1Fail
1.7:1Fail
1.6:1Fail
5
6.2:1AA
4.3:1AA18
2.6:1Fail
1.6:1Fail

Similar palettes

More like Sapphire Glimmer Pond

View all cool
Cobalt Ocean Depths
Cobalt Tidepool
Deep Ocean Current
Deep Ocean Dream
Mystic Lake Reflections
Ocean Twilight Haze