Back to palettes

Palette

Deep Sea Flora Bed

Serene cool tones inspired by submerged moss and gentle clear waters in a hidden garden.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Sea Flora Bed 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 Deep Sea Flora Bed.

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

Data visualization

#2F4F4F#5F9EA0#87CEFA#B0E0E6#E0FFFF

Palette guide

How to use Deep Sea Flora Bed

Overview

The Deep Sea Flora Bed palette offers serene cool tones inspired by submerged moss and gentle clear waters in a hidden garden. It gracefully transitions from the deep blue-grey of #2F4F4F to the muted teal #5F9EA0, then lightens to the soft sky blue #87CEFA and the airy #B0E0E6. The palette culminates in #E0FFFF, a near-white aqua, evoking crystal-clear waters. This collection is perfect for designers seeking a calming, refreshing, and highly versatile aesthetic, capable of evoking peace, natural beauty, and clarity. It’s excellent for creating interfaces that feel spacious and inviting.

Best used for

  • Spa and wellness websites
  • Eco-friendly lifestyle brands
  • Children's educational apps (nature)
  • Serene home decor inspiration
  • Clean and minimalist web interfaces
  • Medical or dental clinic branding

Suggested color roles

primary

#2F4F4F (A deep blue-grey, ideal for foundational backgrounds or main structural elements, conveying calm and stability.)

secondary

#5F9EA0 (A muted teal, suitable for headings, important links, or secondary UI elements.)

accent

#E0FFFF (The lightest, near-white aqua, perfect for highlights, active states, or ethereal calls to action.)

background

#E0FFFF (Provides a light, airy, and refreshing canvas, enhancing the cooler, deeper tones.)

text

#2F4F4F (Excellent for primary body text on light backgrounds like #E0FFFF. For headings, #5F9EA0 provides a clear, readable option.)

Accessibility notes

  • #2F4F4F and #5F9EA0 provide strong contrast against #E0FFFF and #B0E0E6, making them suitable for body text.
  • Ensure #87CEFA has sufficient contrast when used as text on #E0FFFF.
  • Avoid using #B0E0E6 for text on #E0FFFF, as contrast will likely be insufficient.
  • The progression from dark to light ensures good visual hierarchy and accessibility when used thoughtfully.

Recommended combinations

Deep Moss

Deep, calming blues and greens for backgrounds and structural elements.

#2F4F4F · #5F9EA0 · #87CEFA

Clear Waters

Light, airy blues for headers, cards, or light-filled sections, mimicking clear water.

#87CEFA · #B0E0E6 · #E0FFFF

Natural Harmony

Strong contrast for clear readability and highlighting key information, evoking natural balance.

#2F4F4F · #E0FFFF · #5F9EA0

CSS variables

:root {
  --deep-sea-flora-bed-1: #2F4F4F;
  --deep-sea-flora-bed-2: #5F9EA0;
  --deep-sea-flora-bed-3: #87CEFA;
  --deep-sea-flora-bed-4: #B0E0E6;
  --deep-sea-flora-bed-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-flora-bed": {
        1: "#2F4F4F",
        2: "#5F9EA0",
        3: "#87CEFA",
        4: "#B0E0E6",
        5: "#E0FFFF",
      }
    }
  }
}

Related searches

serene blue green palettecalm aquatic colorslight and deep teal schememinimalist web design colorsspa inspired color palette

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#5F9EA0
·
Color 3#87CEFA
·
Color 4#B0E0E6
·
Color 5#E0FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.9:1Fail
5.2:1AA
6.2:1AA
8.5:1AAA
2
2.9:1Fail
1.8:1Fail
2.1:1Fail
2.9:1Fail
3
5.2:1AA
1.8:1Fail
1.2:1Fail
1.6:1Fail
4
6.2:1AA
2.1:1Fail
1.2:1Fail
1.4:1Fail
5
8.5:1AAA
2.9:1Fail
1.6:1Fail
1.4:1Fail

Similar palettes

More like Deep Sea Flora Bed

View all cool
Alpine Lake Serene
Ancient Aegean Sea
Aquatic Moss Garden
Azure Bay Retreat
Cerulean Coastline Calm
Coastal Seafoam Dream