Palette

Stillwater Surface Calm

A peaceful array of cool blues and greens, mirroring the tranquil surface of a still lake at dawn, utterly calm.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Stillwater Surface Calm 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 Stillwater Surface Calm.

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

Data visualization

#008080#87CEEB#6B8E23#D3D3D3#F8F8F8

Palette guide

How to use Stillwater Surface Calm

Overview

The Stillwater Surface Calm palette offers a peaceful array of cool blues and greens, mirroring the tranquil surface of a still lake at dawn. Featuring the deep teal of #008080, the calming sky blue of #87CEEB, and the earthy olive of #6B8E23, this collection is balanced by the neutral light grays of #D3D3D3 and #F8F8F8. It's an excellent choice for designers and developers seeking to convey serenity, balance, and natural elegance. Ideal for projects related to wellness, environmental themes, or minimalist designs. The unique inclusion of a muted green alongside cool blues provides a grounded yet refreshing aesthetic, ensuring versatility across digital and print media.

Best used for

Wellness and yoga studio branding
Environmental non-profit websites
Minimalist app interfaces
Nature-inspired photography portfolios
Eco-friendly product labels
Calming digital art and illustrations

Suggested color roles

primary

#008080 - A rich, deep teal that serves as a strong, grounding primary color, conveying stability and depth. Ideal for main headers or brand elements.

secondary

#6B8E23 - A unique, muted olive green that provides an earthy, natural complement. Use for secondary headings, accents, or subtle graphical elements.

accent

#87CEEB - A bright, clear sky blue that offers a refreshing pop of color. Perfect for calls to action, interactive elements, or highlighting key information.

background

#F8F8F8 - A very light, almost white gray that provides a clean, neutral, and expansive canvas. Excellent for page backgrounds or content containers.

text

#008080 - This deep teal offers excellent readability against lighter backgrounds like #F8F8F8 or #D3D3D3, providing a soft yet professional text color.

Accessibility notes

Ensure #D3D3D3 is not used for text on #F8F8F8 due to insufficient contrast; use darker colors for readability.
Pair #008080 or #6B8E23 with #F8F8F8 or #D3D3D3 for optimal text readability.
The bright #87CEEB may require darker text for adequate contrast; verify contrast ratios for all text pairings.
For interactive elements, ensure distinct visual feedback for states like hover and focus, utilizing contrasting colors from the palette.

Recommended combinations

Dawn's Embrace

Use #008080 for a strong brand color, #F8F8F8 as a clean background, and #87CEEB for a refreshing accent in headers or buttons.

#008080 · #F8F8F8 · #87CEEB

Earthy Calm

Combine #6B8E23 for earthy sections, #D3D3D3 for a neutral background, and #008080 for clear, readable text or important links.

#6B8E23 · #D3D3D3 · #008080

Sky & Surface

Apply #87CEEB for a dominant visual element, #008080 for grounding details or text, and #F8F8F8 to provide spaciousness.

#87CEEB · #008080 · #F8F8F8

CSS variables

:root {
  --stillwater-surface-calm-1: #008080;
  --stillwater-surface-calm-2: #87CEEB;
  --stillwater-surface-calm-3: #6B8E23;
  --stillwater-surface-calm-4: #D3D3D3;
  --stillwater-surface-calm-5: #F8F8F8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stillwater-surface-calm": {
        1: "#008080",
        2: "#87CEEB",
        3: "#6B8E23",
        4: "#D3D3D3",
        5: "#F8F8F8",
      }
    }
  }
}

Hex values

Color 1#008080

Color 2#87CEEB

Color 3#6B8E23

Color 4#D3D3D3

Color 5#F8F8F8

Accessibility

Contrast checker

2.7:1Fail

1.3:1Fail

3.2:1AA18

4.5:1AA18

2.7:1Fail

2.2:1Fail

1.2:1Fail

1.6:1Fail

1.3:1Fail

2.2:1Fail

2.5:1Fail

3.6:1AA18

3.2:1AA18

1.2:1Fail

2.5:1Fail

1.4:1Fail

4.5:1AA18

1.6:1Fail

3.6:1AA18

1.4:1Fail

Similar palettes

More like Stillwater Surface Calm

View all cool

Calm Lake Reflections

Misty Lakeside Dawn

Misty Morning Lake

Alpine Lake Reflection

Aqua Stillness Mood

Coastal Seaglass Gems