Back to palettes

Palette

Veridian Elegance

Sophisticated teal and serene blue hues that radiate a calm, yet opulent, elegance.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Veridian Elegance 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 Veridian Elegance.

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

Data visualization

#008080#20B2AA#4682B4#2F4F4F#B0E0E6

Palette guide

How to use Veridian Elegance

Overview

The Veridian Elegance palette exudes sophistication with its serene blend of teal and blue hues, perfect for creating a calm yet opulent aesthetic. Featuring the rich depth of #008080 and #2F4F4F, it gracefully lightens through the vibrant #20B2AA and the stately #4682B4, culminating in the airy #B0E0E6. This cool, jewel-toned collection is ideal for designers aiming to convey luxury, tranquility, and refined taste. Its harmonious balance allows for versatile application across various design elements. Developers can leverage these hues to craft user interfaces that feel polished, inviting, and visually captivating, perfect for high-end or sophisticated digital experiences.

Best used for

  • Luxury brand websites
  • High-end fashion or jewelry design
  • Spa and wellness retreat branding
  • Corporate identity for prestigious firms
  • Elegant event invitations
  • Art deco inspired interior design

Suggested color roles

primary

Utilize #008080 as a dominant primary for main sections, branding, or navigation, establishing a rich, elegant foundation.

secondary

Apply #2F4F4F for supporting content, headers, or backgrounds, offering a deep, sophisticated contrast.

accent

Highlight key calls-to-action or interactive elements with #20B2AA, its brighter teal providing a vibrant yet refined focal point.

background

Employ #B0E0E6 for light, airy backgrounds, ensuring excellent readability and a fresh, serene feel.

text

For dark backgrounds, use white or a very light gray. For lighter backgrounds like #B0E0E6, #2F4F4F or #008080 offer elegant, readable text.

Accessibility notes

  • Ensure strong contrast when pairing #008080 or #2F4F4F with #B0E0E6 for all text elements.
  • Be cautious with #20B2AA on #B0E0E6 for small text, as the contrast might be insufficient for WCAG AA.
  • For interactive elements, ensure the accent color provides clear visual feedback and sufficient contrast against its background.
  • Always test text and background color combinations with a contrast checker to meet accessibility guidelines.

Recommended combinations

Jewel Depth

Creates a profound sense of luxury and depth, ideal for high-impact branding or main content areas.

#008080 · #2F4F4F · #B0E0E6

Serene Glow

Perfect for lighter, ethereal sections, bringing a fresh and inviting feel to UI elements or illustrations.

#20B2AA · #4682B4 · #B0E0E6

Sophisticated Harmony

Offers a balanced, elegant contrast suitable for headers, footers, and sophisticated graphical layouts.

#008080 · #4682B4 · #2F4F4F

CSS variables

:root {
  --veridian-elegance-1: #008080;
  --veridian-elegance-2: #20B2AA;
  --veridian-elegance-3: #4682B4;
  --veridian-elegance-4: #2F4F4F;
  --veridian-elegance-5: #B0E0E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "veridian-elegance": {
        1: "#008080",
        2: "#20B2AA",
        3: "#4682B4",
        4: "#2F4F4F",
        5: "#B0E0E6",
      }
    }
  }
}

Related searches

teal blue elegant palettesophisticated jewel tonescool elegant color schemeluxury teal branding colorsserene blue-green palette

Palette colors

Hex values

Color 1#008080
·
Color 2#20B2AA
·
Color 3#4682B4
·
Color 4#2F4F4F
·
Color 5#B0E0E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.2:1Fail
1.9:1Fail
3.3:1AA18
2
1.8:1Fail
1.6:1Fail
3.4:1AA18
1.8:1Fail
3
1.2:1Fail
1.6:1Fail
2.2:1Fail
2.9:1Fail
4
1.9:1Fail
3.4:1AA18
2.2:1Fail
6.2:1AA
5
3.3:1AA18
1.8:1Fail
2.9:1Fail
6.2:1AA

Similar palettes

More like Veridian Elegance

View all cool
Art Deco Elegance
Aurora Horizon Whisper
Azure Sapphire Gleam
Emerald Gemstone Luster
Frosted Cranberry Ice
Frosted Pearl Glimmer