Palette

Still Water Mirror

The deep, calm blues of a still lake reflecting the clear sky, a moment of profound tranquility.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Still Water Mirror 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 Still Water Mirror.

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

Data visualization

#0A3D62#1F669B#4AA0D7#8ACBF0#D0EFF9

Palette guide

How to use Still Water Mirror

Overview

The Still Water Mirror palette embodies the profound tranquility of a deep, calm lake reflecting a clear sky. This cool, serene collection ranges from the dark, foundational navy of #0A3D62 to the vibrant mid-tones of #1F669B and #4AA0D7, culminating in the airy lightness of #8ACBF0 and #D0EFF9. It's an excellent choice for designers and developers seeking to convey professionalism, depth, and serenity. Ideal for corporate branding, luxury services, or digital interfaces that require a sense of calm and clarity. The spectrum of blues provides ample contrast and versatility for sophisticated and immersive visual experiences.

Best used for

Corporate and financial services branding
Luxury product websites
Marine or aquatic themed designs
Educational or scientific interfaces
Serene background graphics
Professional digital presentations

Suggested color roles

primary

#1F669B - A rich, deep blue that anchors the palette, conveying stability and trust. Ideal for main headers, navigation bars, or primary brand colors.

secondary

#4AA0D7 - A vibrant, clear blue that offers excellent contrast and visual interest. Use for subheadings, interactive elements, or graphical accents.

accent

#0A3D62 - A very deep navy that provides sophisticated depth and strong contrast. Perfect for calls to action, important icons, or impactful text on light backgrounds.

background

#D0EFF9 - A very light, almost white blue that creates an expansive, clean canvas. Excellent for page backgrounds, card elements, or modal overlays.

text

#0A3D62 - This dark navy offers superior readability against lighter blues like #D0EFF9 or #8ACBF0, providing a professional and elegant text color.

Accessibility notes

Ensure #8ACBF0 is not used as text on #D0EFF9 due to insufficient contrast; use darker blues for text.
Pair #0A3D62 or #1F669B with #D0EFF9 or #8ACBF0 for optimal text readability.
When designing UI elements, provide clear visual indicators for focus and hover states using contrasting blues.
Be mindful of contrast ratios for smaller text elements, especially when using lighter blues from the palette.

Recommended combinations

Deep Ocean

Use #0A3D62 for a strong footer or header, #D0EFF9 as a crisp background, and #4AA0D7 for eye-catching links or buttons.

#0A3D62 · #D0EFF9 · #4AA0D7

Sky Reflect

Combine #1F669B for primary content, #8ACBF0 for secondary information, and #D0EFF9 for a light, airy background, mimicking sky and water.

#1F669B · #8ACBF0 · #D0EFF9

Vivid Contrast

Apply #4AA0D7 for prominent sections, #0A3D62 for high-impact text or outlines, and #8ACBF0 for subtle gradients or highlights.

#4AA0D7 · #0A3D62 · #8ACBF0

CSS variables

:root {
  --still-water-mirror-1: #0A3D62;
  --still-water-mirror-2: #1F669B;
  --still-water-mirror-3: #4AA0D7;
  --still-water-mirror-4: #8ACBF0;
  --still-water-mirror-5: #D0EFF9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "still-water-mirror": {
        1: "#0A3D62",
        2: "#1F669B",
        3: "#4AA0D7",
        4: "#8ACBF0",
        5: "#D0EFF9",
      }
    }
  }
}

Hex values

Color 1#0A3D62

Color 2#1F669B

Color 3#4AA0D7

Color 4#8ACBF0

Color 5#D0EFF9

Accessibility

Contrast checker

1.8:1Fail

3.9:1AA18

6.4:1AA

9.4:1AAA

1.8:1Fail

2.1:1Fail

3.5:1AA18

5.1:1AA

3.9:1AA18

2.1:1Fail

1.6:1Fail

2.4:1Fail

6.4:1AA

3.5:1AA18

1.6:1Fail

1.5:1Fail

9.4:1AAA

5.1:1AA

2.4:1Fail

1.5:1Fail

Similar palettes

More like Still Water Mirror

View all cool

Mystic Lake Reflections

Calm Lake Reflections