Back to palettes

Palette

Submerged Garden Whisper

Capturing the tranquil beauty and hidden life of a vibrant garden beneath the ocean's surface.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Submerged Garden Whisper 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 Submerged Garden Whisper.

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

Data visualization

#0F4C81#1B6A6B#4CA9A2#6AD4C7#D4E8E8

Palette guide

How to use Submerged Garden Whisper

Overview

The Submerged Garden Whisper palette captures the tranquil beauty and hidden life of a vibrant garden beneath the ocean's surface. With a serene blend of #0F4C81 (Dark Cerulean), #1B6A6B (Dark Teal), #4CA9A2 (Medium Aquamarine), #6AD4C7 (Light Cyan), and #D4E8E8 (Light Cyan Blue), this collection evokes calm and natural elegance. It's ideal for designers and developers aiming for a soothing yet sophisticated aesthetic, perfect for wellness applications, eco-conscious branding, or any project that benefits from a tranquil and refreshing mood. The cool blues and greens create a harmonious, serene experience.

Best used for

  • Wellness and meditation apps
  • Eco-conscious brand identities
  • Spa and relaxation service websites
  • Nature-themed educational content
  • Interior design inspiration
  • Sustainable product packaging

Suggested color roles

primary

#0F4C81 (Dark Cerulean): A strong, calming primary color for main headings, foundational UI elements, or a sophisticated brand presence.

secondary

#1B6A6B (Dark Teal): Ideal for supporting navigation, secondary information, or to add a touch of natural depth and stability.

accent

#6AD4C7 (Light Cyan): Perfect for subtle interactive elements, delicate highlights, or to represent water reflections and gentle movement.

background

#D4E8E8 (Light Cyan Blue): A light, airy background that provides a sense of spaciousness and tranquility, enhancing the overall calm mood.

text

#4CA9A2 (Medium Aquamarine): Suitable for secondary text or subtle headings. For main body text, a dark blue or charcoal is recommended for optimal readability.

Accessibility notes

  • Ensure sufficient contrast when using #4CA9A2 as text on #D4E8E8 background; it may require larger font sizes to meet WCAG AA standards.
  • The darker tones (#0F4C81, #1B6A6B) provide excellent contrast on #D4E8E8 and should be prioritized for critical text and interactive elements.
  • Avoid using #D4E8E8 for text as its lightness offers very poor contrast against white or light backgrounds.
  • Always verify color contrast for all text and interactive elements to ensure accessibility and readability across different devices.

Recommended combinations

Deep Calm

A grounding and serene combination, perfect for main content areas, corporate branding, or sophisticated web layouts.

#0F4C81 · #1B6A6B · #D4E8E8

Garden Glow

Creates a luminous, ethereal effect, ideal for interactive elements, subtle gradients, or highlighting delicate features.

#4CA9A2 · #6AD4C7 · #0F4C81

Tranquil Depths

Offers a balanced and refreshing blend, suitable for supporting sections, visual storytelling, or eco-friendly designs.

#1B6A6B · #D4E8E8 · #4CA9A2

CSS variables

:root {
  --submerged-garden-whisper-1: #0F4C81;
  --submerged-garden-whisper-2: #1B6A6B;
  --submerged-garden-whisper-3: #4CA9A2;
  --submerged-garden-whisper-4: #6AD4C7;
  --submerged-garden-whisper-5: #D4E8E8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "submerged-garden-whisper": {
        1: "#0F4C81",
        2: "#1B6A6B",
        3: "#4CA9A2",
        4: "#6AD4C7",
        5: "#D4E8E8",
      }
    }
  }
}

Related searches

tranquil marine palettecool ocean colorsserene green bluesubmerged garden themecalming design colors

Palette colors

Hex values

Color 1#0F4C81
·
Color 2#1B6A6B
·
Color 3#4CA9A2
·
Color 4#6AD4C7
·
Color 5#D4E8E8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
3.2:1AA18
5:1AA
7:1AA
2
1.4:1Fail
2.3:1Fail
3.6:1AA18
5:1AA
3
3.2:1AA18
2.3:1Fail
1.6:1Fail
2.2:1Fail
4
5:1AA
3.6:1AA18
1.6:1Fail
1.4:1Fail
5
7:1AA
5:1AA
2.2:1Fail
1.4:1Fail

Similar palettes

More like Submerged Garden Whisper

View all cool
Coastal Seafoam Whisper
Kelp Forest Sway
Oceanic Lagoon Calm
Seafoam Whisper Shores
Alpine Lake Serene
Azure Abyss Calm