Back to palettes

Palette

Enchanted Riverbed

Reflects the cool, smooth stones and deep, clear waters of a mysterious, shaded riverbed.

CoolCalm5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted Riverbed 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 Enchanted Riverbed.

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

Data visualization

#3A5060#6B7A8F#9CABBF#2B3A46#1C2A34

Palette guide

How to use Enchanted Riverbed

Overview

The Enchanted Riverbed palette reflects the cool, smooth stones and deep, clear waters of a mysterious, shaded riverbed. Featuring profound dark blues like #1C2A34 and softer, misty blue-greys such as #9CABBF, this collection is perfect for designers aiming to evoke a sense of calm, depth, and understated elegance. Developers will find these hex codes ideal for crafting sophisticated dark mode themes, professional branding, or serene digital environments. The harmonious progression of these cool tones, with #6B7A8F providing a crucial mid-tone, ensures visual cohesion and a distinctly tranquil atmosphere.

Best used for

  • Corporate websites with a serious, calm tone
  • Dark mode UI/UX designs for analytical tools
  • Luxury automotive or technology branding
  • Architectural and interior design visualization
  • Educational platforms requiring a focused aesthetic
  • Digital art depicting deep water or stone textures

Suggested color roles

primary

#1C2A34 - A very deep, dark blue-grey, ideal for dominant backgrounds, headers, or large graphical elements, establishing a profound, stable foundation.

secondary

#2B3A46 - A slightly lighter but still deep blue-grey. Excellent for sub-panels, card backgrounds, or subtle section dividers, adding gentle depth to the dark theme.

accent

#6B7A8F - A medium, muted blue-grey. Perfect for highlighting interactive elements, icons, or subtle decorative details where a touch of gentle contrast is desired.

background

#1C2A34 - Provides a deep, immersive canvas that sets a mysterious and elegant tone.

text

#9CABBF - A light, silvery blue-grey that offers excellent readability against the darker backgrounds, maintaining the serene quality of the palette.

Accessibility notes

  • Ensure #9CABBF text on #1C2A34 or #2B3A46 backgrounds meets WCAG AA contrast standards.
  • Avoid using #6B7A8F text on #2B3A46 as the contrast may be insufficient for readability, especially for smaller fonts.
  • For interactive elements using #6B7A8F, verify its contrast against the background to ensure visibility for all users.
  • Consider a slightly brighter, near-white text for critical information if the light blue-greys don't pass strict accessibility checks in smaller sizes.

Recommended combinations

Deep River Flow

Deepest blue-grey for the main background, slightly lighter for secondary sections, and light blue-grey for clear, readable text.

#1C2A34 · #2B3A46 · #9CABBF

Stone Layers

Layered content with #2B3A46 as base, #3A5060 for cards, and #6B7A8F for subtle highlights or borders.

#2B3A46 · #3A5060 · #6B7A8F

Serene Depths

Dominant dark background, light blue-grey for headings and main text, and medium blue-grey for interactive elements or decorative accents.

#1C2A34 · #9CABBF · #6B7A8F

CSS variables

:root {
  --enchanted-riverbed-1: #3A5060;
  --enchanted-riverbed-2: #6B7A8F;
  --enchanted-riverbed-3: #9CABBF;
  --enchanted-riverbed-4: #2B3A46;
  --enchanted-riverbed-5: #1C2A34;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-riverbed": {
        1: "#3A5060",
        2: "#6B7A8F",
        3: "#9CABBF",
        4: "#2B3A46",
        5: "#1C2A34",
      }
    }
  }
}

Related searches

deep blue grey palettecalm riverbed colorsdark mode cool tonesstone texture UI designserene professional branding

Palette colors

Hex values

Color 1#3A5060
·
Color 2#6B7A8F
·
Color 3#9CABBF
·
Color 4#2B3A46
·
Color 5#1C2A34
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.6:1AA18
1.4:1Fail
1.7:1Fail
2
1.9:1Fail
1.9:1Fail
2.7:1Fail
3.4:1AA18
3
3.6:1AA18
1.9:1Fail
5:1AA
6.3:1AA
4
1.4:1Fail
2.7:1Fail
5:1AA
1.3:1Fail
5
1.7:1Fail
3.4:1AA18
6.3:1AA
1.3:1Fail

Similar palettes

More like Enchanted Riverbed

View all Cool
Coastal Pebble Wash
Misty Mountain Peaks
Sapphire Night Sky
Alpine Lake Dawn
Ancient Indigo Dye
Arctic Glacier Melt