Palette

Teal Ink Wash

A graceful flow of deep and airy teals, like a tranquil ink wash painting on soft paper.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Teal Ink Wash 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 Teal Ink Wash.

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

Data visualization

#2B4C5C#4B788C#71A7BD#A1D9E7#D1EFF5

Palette guide

How to use Teal Ink Wash

Overview

The Teal Ink Wash palette offers a graceful and artistic flow of deep and airy teals, reminiscent of a tranquil ink wash painting. This collection features the profound #2B4C5C, a robust dark teal, transitioning through the elegant #4B788C and the serene #71A7BD. The lighter shades, #A1D9E7 and #D1EFF5, provide a soft, ethereal touch, creating a harmonious gradient. Designers can leverage these calming hues to evoke a sense of peace, sophistication, and artistic fluidity, making it ideal for projects related to art, wellness, or any design seeking a delicate yet powerful visual aesthetic.

Best used for

Art and design studio branding
Wellness and meditation app interfaces
Interior design mood boards (coastal/minimalist)
Stationery and print design
Environmental awareness campaigns
Abstract digital art and illustrations

Suggested color roles

primary

Use #2B4C5C (Deep Teal) for main headers, prominent brand elements, or as a stable, grounding background.

secondary

Apply #4B788C (Dusty Teal) for secondary navigation, subheadings, or to create a calming, professional tone.

accent

Reserve #71A7BD (Sky Teal) for interactive elements, hover states, or to add a soft, inviting highlight.

background

The lightest shade, #D1EFF5 (Pale Aqua), is ideal for clean, airy backgrounds. #A1D9E7 (Light Sky Blue) can be used for secondary background areas.

text

For text on #D1EFF5, use #2B4C5C or a dark charcoal like #333333. For text on darker backgrounds, white or a very light gray is recommended.

Accessibility notes

Ensure sufficient contrast for text when using #A1D9E7 on #D1EFF5; use darker text for readability.
White text on #2B4C5C and #4B788C provides excellent readability.
Avoid using medium teal text on other medium teal backgrounds without careful contrast checks.
The palette offers good dark and light extremes, making it easier to ensure accessible text contrasts.

Recommended combinations

Ink Depth

Excellent for creating a sophisticated, deep visual hierarchy in corporate websites, artistic portfolios, or elegant branding.

#2B4C5C · #4B788C · #71A7BD

Soft Wash

Ideal for delicate designs, serene backgrounds, or elements that need to convey lightness and tranquility, such as wellness apps.

#D1EFF5 · #A1D9E7 · #71A7BD

Fluid Flow

Use for modern web interfaces, abstract art, or elements that require a balanced blend of depth and airy spaciousness.

#2B4C5C · #A1D9E7 · #D1EFF5

CSS variables

:root {
  --teal-ink-wash-1: #2B4C5C;
  --teal-ink-wash-2: #4B788C;
  --teal-ink-wash-3: #71A7BD;
  --teal-ink-wash-4: #A1D9E7;
  --teal-ink-wash-5: #D1EFF5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "teal-ink-wash": {
        1: "#2B4C5C",
        2: "#4B788C",
        3: "#71A7BD",
        4: "#A1D9E7",
        5: "#D1EFF5",
      }
    }
  }
}

Hex values

Color 1#2B4C5C

Color 2#4B788C

Color 3#71A7BD

Color 4#A1D9E7

Color 5#D1EFF5

Accessibility

Contrast checker

1.9:1Fail

3.5:1AA18

5.9:1AA

7.6:1AAA

1.9:1Fail

1.8:1Fail

3.1:1AA18

4:1AA18

3.5:1AA18

1.8:1Fail

1.7:1Fail

2.2:1Fail

5.9:1AA

3.1:1AA18

1.7:1Fail

1.3:1Fail

7.6:1AAA

4:1AA18

2.2:1Fail

1.3:1Fail

Similar palettes

More like Teal Ink Wash