Palette

Old Money Elegance

Refined and understated, this palette exudes a quiet luxury and timeless sophistication.

neutralelegant5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0F4C5C#5F736F#A0B5AD#D6CBCB#C0B7B1

Palette guide

How to use Old Money Elegance

Overview

The "Old Money Elegance" palette embodies quiet luxury and timeless sophistication, drawing inspiration from understated refinement. It features a deep, sophisticated teal (#0F4C5C), a muted sage green (#5F736F), and a range of soft, warm grays like #A0B5AD, #D6CBCB, and #C0B7B1. This harmonious blend offers designers and developers a sophisticated foundation for projects aiming for a classic, high-end aesthetic. The colors work seamlessly together to create an atmosphere that feels both established and contemporary, perfect for conveying prestige without overt opulence. Its balanced tones ensure versatility across various applications.

Best used for

Luxury brand identity design
High-end editorial layouts
Upscale interior design concepts
Formal event invitations
Classic website themes
Sophisticated fashion lookbooks

Suggested color roles

primary

Use #0F4C5C as a foundational brand color for headers, important calls to action, or prominent design elements to establish authority and depth.

secondary

Apply #5F736F for supporting content, secondary navigation, or larger areas where a softer, elegant tone is desired, complementing the primary teal.

accent

Utilize #D6CBCB as a subtle highlight for delicate details, decorative lines, or hover states, adding a touch of gentle contrast and warmth.

background

Employ #A0B5AD for clean, expansive backgrounds, providing a calming and sophisticated canvas that allows other elements to stand out gracefully.

text

For primary body text, use #0F4C5C or a dark charcoal to ensure excellent readability against lighter backgrounds like #D6CBCB or #C0B7B1.

Accessibility notes

Ensure #0F4C5C text has sufficient contrast against #A0B5AD or #C0B7B1 for readability.
Avoid using #D6CBCB as text on #C0B7B1 for small font sizes due to potential low contrast.
Use a dark color like #0F4C5C or black for body text on backgrounds like #A0B5AD to meet WCAG standards.
Test contrast ratios for all interactive elements, especially buttons and links, to ensure usability.

Recommended combinations

Deep Elegance

Ideal for a strong brand statement: deep teal for branding, light gray for content, and soft blush for accents.

#0F4C5C · #A0B5AD · #D6CBCB

Muted Harmony

Creates a soft, inviting atmosphere, perfect for backgrounds, secondary elements, and subtle UI components.

#5F736F · #A0B5AD · #C0B7B1

Refined Contrast

Combines the strong primary with a warm gray background and a muted green for balance and visual interest.

#0F4C5C · #C0B7B1 · #5F736F

CSS variables

:root {
  --old-money-elegance-1: #0F4C5C;
  --old-money-elegance-2: #5F736F;
  --old-money-elegance-3: #A0B5AD;
  --old-money-elegance-4: #D6CBCB;
  --old-money-elegance-5: #C0B7B1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "old-money-elegance": {
        1: "#0F4C5C",
        2: "#5F736F",
        3: "#A0B5AD",
        4: "#D6CBCB",
        5: "#C0B7B1",
      }
    }
  }
}

Hex values

Color 1#0F4C5C

Color 2#5F736F

Color 3#A0B5AD

Color 4#D6CBCB

Color 5#C0B7B1

Accessibility

Contrast checker

1.9:1Fail

4.4:1AA18

6:1AA

4.8:1AA

1.9:1Fail

2.3:1Fail

3.2:1AA18

2.6:1Fail

4.4:1AA18

2.3:1Fail

1.4:1Fail

1.1:1Fail

6:1AA

3.2:1AA18

1.4:1Fail

1.2:1Fail

4.8:1AA

2.6:1Fail

1.1:1Fail

1.2:1Fail

Similar palettes

More like Old Money Elegance