Back to palettes

Palette

Emerald Lake Depths

Explores the varying depths of a pristine emerald lake, from dark shadows to sunlit surfaces.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Emerald Lake Depths 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 Emerald Lake Depths.

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

Data visualization

#0A3D2C#1A523C#2E6B4F#5D997F#A3C9B6

Palette guide

How to use Emerald Lake Depths

Overview

The Emerald Lake Depths palette explores the serene beauty of a pristine emerald lake, from dark, mysterious shadows to sunlit surfaces. Featuring the profound depth of #0A3D2C and #1A523C, it transitions through the balanced #2E6B4F to the lighter, airy #5D997F, culminating in the gentle #A3C9B6. This collection is perfect for designs seeking to convey tranquility, natural elegance, and a sense of calm reflection. Ideal for wellness brands, environmental initiatives, or any digital interface that benefits from a clean, harmonious, and soothing aesthetic. The monochromatic progression provides excellent visual flow and depth, creating an immersive user experience.

Best used for

  • Nature and wildlife photography
  • Meditation and relaxation apps
  • Eco-friendly home goods branding
  • Luxury spa and retreat marketing
  • Environmental education platforms
  • Outdoor living and recreation websites

Suggested color roles

primary

Use #0A3D2C as the deepest, most stable color for main headers, branding, or dark mode.

secondary

Employ #1A523C as a supportive deep green for subheadings, important text, or active states.

accent

Apply #5D997F as a refreshing, subtle accent for interactive elements or gentle highlights.

background

Utilize #A3C9B6 as a light, airy background for clean content areas, providing a calm and clear base.

text

Pair #0A3D2C with light backgrounds for strong contrast, or use white/light gray on darker backgrounds.

Accessibility notes

  • #A3C9B6 may require darker text (e.g., #0A3D2C or black) to ensure readability against lighter backgrounds.
  • Pair #0A3D2C or #1A523C with white or off-white text for optimal legibility on dark backgrounds.
  • Avoid using #2E6B4F directly on #5D997F for small text due to potential low contrast.
  • Always verify WCAG AA contrast standards for all text and background combinations.

Recommended combinations

Lakebed Shadows

Creates a strong, immersive foundation for primary branding or elegant dark mode interfaces.

#0A3D2C · #1A523C · #2E6B4F

Sunlit Surface

Ideal for clean, inviting layouts with light backgrounds and clear, readable text.

#A3C9B6 · #5D997F · #0A3D2C

Calm Reflections

Suitable for interactive elements, progress indicators, or subtle informational displays.

#2E6B4F · #5D997F · #1A523C

CSS variables

:root {
  --emerald-lake-depths-1: #0A3D2C;
  --emerald-lake-depths-2: #1A523C;
  --emerald-lake-depths-3: #2E6B4F;
  --emerald-lake-depths-4: #5D997F;
  --emerald-lake-depths-5: #A3C9B6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-lake-depths": {
        1: "#0A3D2C",
        2: "#1A523C",
        3: "#2E6B4F",
        4: "#5D997F",
        5: "#A3C9B6",
      }
    }
  }
}

Related searches

emerald lake color palettedeep green serene schemenature inspired calm colorsmonochromatic green UIenvironmental branding greens

Palette colors

Hex values

Color 1#0A3D2C
·
Color 2#1A523C
·
Color 3#2E6B4F
·
Color 4#5D997F
·
Color 5#A3C9B6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.9:1Fail
3.7:1AA18
6.7:1AA
2
1.3:1Fail
1.4:1Fail
2.7:1Fail
5:1AA
3
1.9:1Fail
1.4:1Fail
1.9:1Fail
3.5:1AA18
4
3.7:1AA18
2.7:1Fail
1.9:1Fail
1.8:1Fail
5
6.7:1AA
5:1AA
3.5:1AA18
1.8:1Fail

Similar palettes

More like Emerald Lake Depths

View all cool
Deep Jade Serenity
Emerald Bough Serene
Evergreen Forest Retreat
Forest Canopy Glimmer
Forest Canopy Whisper
Highland Mist Green