Back to palettes

Palette

River Bend Blues

Flowing blues and purples capture the serene, reflective quality of a gentle river bend.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how River Bend Blues 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 River Bend Blues.

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

Data visualization

#4682B4#6A5ACD#7B68EE#ADD8E6#5F9EA0

Palette guide

How to use River Bend Blues

Overview

The River Bend Blues palette captures the serene, reflective quality of a gentle river bend with flowing blues and purples. This calming collection features a steel blue (#4682B4), a slate blue (#6A5ACD), a medium purple (#7B68EE), a very light blue (#ADD8E6), and a cadet blue (#5F9EA0). Designers can use these harmonious cool tones to evoke feelings of peace, trust, and clarity. It's an ideal choice for projects focused on nature, wellness, or any context requiring a tranquil and professional aesthetic.

Best used for

  • Wellness and spa branding
  • Nature and environmental conservation websites
  • Corporate and educational presentations
  • Relaxing mobile app interfaces
  • Medical or healthcare design
  • Serene background graphics and illustrations

Suggested color roles

primary

Use #4682B4 (Steel Blue) or #6A5ACD (Slate Blue) for main sections, headers, or a professional primary brand color.

secondary

Apply #7B68EE (Medium Purple) or #5F9EA0 (Cadet Blue) for supporting elements, subheadings, or data visualization.

accent

Incorporate #ADD8E6 (Light Blue) for subtle highlights, background textures, or as a very light text background.

background

#ADD8E6 provides a light, airy background, while #4682B4 can create a deeper, more grounded feel.

text

Dark charcoal or black offers the best contrast for text on lighter backgrounds. White text works well on #4682B4, #6A5ACD, and #7B68EE.

Accessibility notes

  • Ensure sufficient contrast between #ADD8E6 and other light blues for text readability.
  • White text on #7B68EE might require careful consideration for accessibility, especially for smaller fonts.
  • Always use a contrast checker to validate all text and interactive element color pairings meet WCAG AA standards.
  • Avoid low-contrast pairings like #5F9EA0 and #ADD8E6 for critical information.

Recommended combinations

Calm Flow

Ideal for clean web layouts, soft gradients, or backgrounds that convey tranquility.

#4682B4 · #ADD8E6 · #5F9EA0

Deep Serenity

Excellent for creating depth in UI elements, headers, or sections that require a more profound feel.

#6A5ACD · #7B68EE · #4682B4

Light Breeze

Perfect for subtle branding, secondary informational panels, or background patterns.

#ADD8E6 · #5F9EA0 · #7B68EE

CSS variables

:root {
  --river-bend-blues-1: #4682B4;
  --river-bend-blues-2: #6A5ACD;
  --river-bend-blues-3: #7B68EE;
  --river-bend-blues-4: #ADD8E6;
  --river-bend-blues-5: #5F9EA0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "river-bend-blues": {
        1: "#4682B4",
        2: "#6A5ACD",
        3: "#7B68EE",
        4: "#ADD8E6",
        5: "#5F9EA0",
      }
    }
  }
}

Related searches

calm blue palettenature inspired colorsserene blue themepeaceful UI colorswater element palette

Palette colors

Hex values

Color 1#4682B4
·
Color 2#6A5ACD
·
Color 3#7B68EE
·
Color 4#ADD8E6
·
Color 5#5F9EA0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1:1Fail
2.7:1Fail
1.3:1Fail
2
1.3:1Fail
1.3:1Fail
3.5:1AA18
1.7:1Fail
3
1:1Fail
1.3:1Fail
2.7:1Fail
1.4:1Fail
4
2.7:1Fail
3.5:1AA18
2.7:1Fail
2:1Fail
5
1.3:1Fail
1.7:1Fail
1.4:1Fail
2:1Fail

Similar palettes

More like River Bend Blues

View all cool
Tranquil Bliss Flow
Agate Grotto
Alpine Lake Serene
Alpine Lake Serene
Alpine Lake Shimmer
Azure Abyss Calm