Palette

Venetian Canal Mist

Gentle, watery greens and muted teals reflect the misty, historic elegance of Venetian canals at dawn.

coolelegant5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Venetian Canal Mist 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 Venetian Canal Mist.

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

Data visualization

#91A8A2#C0D8D6#E8F5F4#6A8582#3E5A57

Palette guide

How to use Venetian Canal Mist

Overview

The Venetian Canal Mist palette evokes the serene, muted elegance of Venice at dawn, with gentle, watery greens and teals bathed in mist. This collection features a beautiful range of cool, subtle tones, from the deep, grounding "#3E5A57" to the airy, almost white "#E8F5F4". Mid-tones like the sophisticated "#91A8A2" and "#6A8582" provide a sense of historical depth, while "#C0D8D6" introduces a lighter, refreshing touch. This palette is perfect for designs that aim for a calm, refined, and understated luxurious feel, reminiscent of tranquil waters and ancient architecture.

Best used for

Spa and relaxation brand identities
Eco-friendly or sustainable product packaging
Interior design for tranquil spaces
Heritage tourism websites
Elegant stationery and print materials
Serene and sophisticated app designs

Suggested color roles

primary

"#91A8A2" for main content areas and backgrounds, offering a calm and sophisticated base that is gentle on the eyes.

secondary

"#6A8582" to provide a slightly deeper, more grounding element for subheadings or secondary UI components.

accent

"#3E5A57" for subtle emphasis, strong lines, or call-to-action buttons where a dark, rich anchor is needed.

background

"#E8F5F4" or "#C0D8D6" for a light, airy, and expansive canvas that allows the deeper greens and teals to create subtle depth.

text

Use a dark charcoal or black for optimal readability on the lighter backgrounds; "#3E5A57" works well for headlines on "#E8F5F4" or "#C0D8D6".

Accessibility notes

Ensure that dark text (black or charcoal) provides sufficient contrast on lighter shades like "#E8F5F4" and "#C0D8D6".
Avoid using light text on mid-tone colors such as "#91A8A2" or "#6A8582" without careful contrast checking.
"#3E5A57" offers excellent contrast for white or very light grey text, making it suitable for buttons or important highlights.
Be cautious when pairing "#91A8A2" with "#6A8582" for text/background combinations due to similar tonal values.

Recommended combinations

Misty Morning

Creates a soft, ethereal background or a gentle gradient for a serene, open feel.

#E8F5F4 · #C0D8D6 · #91A8A2

Canal Depth

Ideal for defining sections, adding depth to navigation, or for strong, grounding elements.

#3E5A57 · #6A8582 · #91A8A2

Elegant Shore

Best for creating balanced cards or information blocks, with a light base and a strong accent.

#C0D8D6 · #3E5A57 · #E8F5F4

CSS variables

:root {
  --venetian-canal-mist-1: #91A8A2;
  --venetian-canal-mist-2: #C0D8D6;
  --venetian-canal-mist-3: #E8F5F4;
  --venetian-canal-mist-4: #6A8582;
  --venetian-canal-mist-5: #3E5A57;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "venetian-canal-mist": {
        1: "#91A8A2",
        2: "#C0D8D6",
        3: "#E8F5F4",
        4: "#6A8582",
        5: "#3E5A57",
      }
    }
  }
}

Hex values

Color 1#91A8A2

Color 2#C0D8D6

Color 3#E8F5F4

Color 4#6A8582

Color 5#3E5A57

Accessibility

Contrast checker

1.7:1Fail

2.3:1Fail

1.6:1Fail

3:1Fail

1.7:1Fail

1.3:1Fail

2.7:1Fail

5:1AA

2.3:1Fail

1.3:1Fail

3.6:1AA18

6.7:1AA

1.6:1Fail

2.7:1Fail

3.6:1AA18

1.9:1Fail

3:1Fail

5:1AA

6.7:1AA

1.9:1Fail

Similar palettes

More like Venetian Canal Mist

View all cool

Aurora Horizon Whisper

Emerald Grotto Shimmer

Nocturnal Ocean Gleam

Oriental China Blues

Precious Jade Stream

Sapphire Shroud